JavaScript에서 배열을 만드는 4가지 방법

소개 📘

JavaScript에서 배열은 여러 값을 저장하는 데 사용되는 참조 데이터 유형입니다. 이러한 값은 문자열, 숫자, boolean(true/false), null, undefined, 객체 또는 기타 배열일 수 있습니다. JavaScript에서는 여러 가지 방법으로 배열을 만들 수 있으며, 각 방법에는 고유한 장점과 고유한 사용 사례가 있습니다. JavaScript 개발자는 이러한 다양한 방법을 이해함으로써 특정 시나리오에 맞게 성능을 최적화하고, 코드 명확성을 높여 유지보수를 용이하게 하며, 다양한 프로그래밍 상황에 가장 적합한 배열 구성 기법을 적용할 수 있습니다.

1. Array Literal 사용 🔤

Array Literal은 배열을 만드는 가장 일반적이고 간단한 방법입니다. 쉼표로 구분된 값 목록을 대괄호 [] 로 묶어 정의합니다.

let fruits = ['Apple', 'Banana', 'Cherry'];

이 예제에서 fruits는 세 개의 문자열을 포함하는 배열입니다. 이 방법은 가독성이 뛰어나며 단순하기 때문에 권장됩니다. 배열의 요소를 미리 알고 있을 때 특히 유용합니다.

2. Array 생성자 🏗️

Array 생성자는 new Array() 구문을 사용하여 배열을 만듭니다. 이 메서드는 다양한 방법으로 배열을 초기화할 수 있는 다목적 메서드입니다.

배열의 길이를 지정하는 단일 숫자를 사용합니다.

let arrayOfUndefined = new Array(3);
// [undefined, undefined, undefined]

요소 목록을 생성합니다.

let numbers = new Array(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

Array 생성자는 특정 크기의 배열을 초기화해야 하거나 요소가 동적이거나 가변적인 소스에서 가져온 경우 특히 유용합니다.

3. Array.of 메서드 🧩

Array.of는 인수의 개수나 유형에 관계없이 인자 집합으로 배열을 만듭니다. 이 메서드를 사용하면 단일 인수를 전달하더라도 항상 배열이 생성됩니다.

let singleItemArray = Array.of(10); // [10]

이 방법은 Array 생성자에서 발생할 수 있는 모호함을 피할 수 있으므로 단일 요소로 배열을 생성할 때 매우 유용합니다.

4. Array.from 메서드 🌟

Array.from은 iterable 또는 array과 유사한 객체에서 새 배열을 만듭니다. 이 메서드는 데이터 구조를 변환하는 데 강력하며 여러 가지 용도로 사용됩니다.

문자열을 문자 배열로 변환합니다.

let chars = Array.from('Hello'); // ['H', 'e', 'l', 'l', 'o']

매핑 함수를 사용하여 기존 배열에서 배열을 생성합니다.

let doubled = Array.from([1, 2, 3], (x) => x * 2); // [2, 4, 6]

Array.from은 매우 다재다능하며, 배열 형식이 아닌 데이터로 작업하거나 배열 생성 중에 변환을 수행해야 할 때 특히 유용합니다.

결론🎯

JavaScript에서 배열을 생성하는 각 메서드는 고유한 목적을 가지고 있습니다. 올바른 시나리오에 적합한 방법을 선택하면 효율적일 뿐만 아니라 이해하고 유지 관리하기 쉬운 코드를 작성할 수 있습니다. 배열 Literal의 단순성, 배열 생성자의 유연성, Array.of의 명확성, Array.from의 적응성 등 이러한 뉘앙스를 이해하는 것은 자바스크립트 프로그래밍에서 매우 중요한 기술입니다.