javascript
자바스크립트 배열(Array)은 데이터를 저장하고 관리하는 데 사용되는 중요한 자료 구조 중 하나입니다. 배열의 생성 방법과 접근 하는 방법에 대하여 알아보겠습니다.
배열을 직접 정의하는 가장 간단한 방법은 대괄호 [] 를 사용하는 것입니다.
let fruits = ['사과', '바나나', '딸기'];
console.log(fruits);
// 결과: ['사과', '바나나', '딸기']
JavaScript빈 배열을 생성하려면 대괄호만 사용하면 됩니다.
나중에 요소를 추가할 수 있습니다.
let emptyArray = [];
JavaScriptArray 생성자를 사용하여 배열을 생성할 수 있습니다.
Array 생성자는 여러 가지 방식으로 사용될 수 있습니다.
// 빈 배열 생성
const emptyArray = new Array();
console.log(emptyArray); // []
// 요소를 포함한 배열 생성
const numbersArray = new Array(1, 2, 3);
console.log(numbersArray); // [1, 2, 3]
// 배열의 길이를 지정한 배열 생성
const arrayLength = new Array(5);
console.log(arrayLength); // [ <5 empty items> ]
// new Array(length) 형태로 호출. 이 경우 배열은 비어있는 상태이며 길이가 5입니다.
JavaScriptArray.of() 메서드를 사용하여 주어진 인자를 요소로 갖는 배열을 생성할 수 있습니다.
Array.of() 는 Array 생성자와 달리 전달된 인자가 하나 일 때 특히 유용합니다.
let numbersArray = Array.of(1, 2, 3, 4, 5);
console.log(numbersArray);
// 결과: [1, 2, 3, 4, 5]
// 값이 하나인 경우에도 배열이 제대로 생성됩니다.
let singleArray = Array.of(10);
console.log(singleArray);
// 결과: [10]
JavaScriptArray.from() 메서드를 사용하여 유사 배열 객체나 이터러블 객체로부터 배열을 생성할 수 있습니다.
// 문자열을 배열로 변환
let str = 'hello';
let strArray = Array.from(str);
console.log(strArray);
// 결과: ['h', 'e', 'l', 'l', 'o']
// Set을 배열로 변환
let set = new Set([1, 2, 3, 4, 5]);
let setArray = Array.from(set);
console.log(setArray);
// 결과: [1, 2, 3, 4, 5]
// 유사 배열 객체를 배열로 변환
const arrayLikeObject = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const arrayFromObject = Array.from(arrayLikeObject);
console.log(arrayFromObject); // ['a', 'b', 'c']
JavaScript배열에 접근하는 방법은 인덱스를 활용하여 특정 위치의 값을 읽거나 수정하고, 배열의 길이를 확인하며, 반복문이나 배열 메서드를 사용하여 모든 요소에 접근하는 등 다양합니다.
let fruits = ['사과', '바나나', '딸기'];
// 첫 번째 요소 읽기
let firstFruit = fruits[0];
console.log(firstFruit); // '사과'
// 두 번째 요소 읽기
let secondFruit = fruits[1];
console.log(secondFruit); // '바나나'
JavaScriptlet fruits = ['사과', '바나나', '딸기'];
// 두 번째 요소 수정
fruits[1] = '오렌지';
console.log(fruits);
// 결과: ['사과', '오렌지', '딸기']
JavaScriptlet fruits = ['사과', '바나나', '딸기'];
// 배열의 길이 확인
let length = fruits.length;
console.log(length); // 3
JavaScriptlet fruits = ['사과', '바나나', '딸기'];
// for 반복문을 사용하여 모든 요소에 접근
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// 결과:
// '사과'
// '바나나'
// '딸기'
JavaScriptlet fruits = ['사과', '바나나', '딸기'];
// forEach 메서드를 사용하여 모든 요소에 접근
fruits.forEach(function(fruit) {
console.log(fruit);
});
// 결과:
// '사과'
// '바나나'
// '딸기'
JavaScript배열을 생성 하는 방법과 접근 하는 방법에 대하여 알아보았습니다.
자바스크립트 배열은 다양한 기능과 메서드를 제공하여 데이터를 효과적으로 관리할 수 있는 도구입니다. 배열의 유연성과 다양성을 활용하여 프로그래밍 작업을 더욱 효율적으로 수행할 수 있습니다.
테스트 시 의존성 주입(Dependency Injection)과 Mockito Spring 애플리케이션을 개발하다 보면, 테스트 코드에서 실제 빈(Bean)을 사용하지…
들어가며 스프링 기반 프로젝트에서 좋은 설계 구조와 테스트 전략은 소프트웨어 품질과 유지보수성에 직결됩니다. 최근 학습한…
들어가며 코드를 작성할 때 종종 "이 로직을 어떻게 단순하고 읽기 쉽게 표현할 수 있을까?" 고민하게…
HTTP 상태코드란 무엇인가? HTTP 상태코드(HTTP Status Code)는 서버가 클라이언트의 요청을 처리한 결과를 수치화된 코드로 나타내는…
HTTP란 무엇인가? HTTP(Hypertext Transfer Protocol)는 웹에서 데이터를 주고받기 위해 사용하는 응용 계층 프로토콜입니다. 우리가 브라우저에서…