자바스크립트 배열(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배열을 생성 하는 방법과 접근 하는 방법에 대하여 알아보았습니다.
자바스크립트 배열은 다양한 기능과 메서드를 제공하여 데이터를 효과적으로 관리할 수 있는 도구입니다. 배열의 유연성과 다양성을 활용하여 프로그래밍 작업을 더욱 효율적으로 수행할 수 있습니다.
Enum이란? Enum은 "enumeration"의 줄임말로, 특정 값들의 집합을 정의할 수 있는 특별한 클래스입니다. 예를 들어, 요일,…
래퍼 클래스(Wrapper Class)란? 자바에서 래퍼 클래스는 기본 데이터 타입(Primitive Data Type)을 객체(Object)로 감싸는 클래스입니다. 자바의…
서론 Java에서 문자열을 다룰 때, 문자열의 변경이 빈번하게 발생하는 경우라면 StringBuilder 클래스를 사용하는 것이 매우…
String 클래스란? 자바에서 String 클래스는 가장 널리 사용되는 클래스 중 하나입니다. 문자열 시퀀스를 나타내며, 문자열을…
불변 객체란? 불변 객체(Immutable Object)는 생성된 이후 그 상태를 변경할 수 없는 객체를 의미합니다. 불변…