데브허브 | DEVHUB | 자바스크립트 - 생성자 Array 메서드를 활용한 배열 생성자바스크립트 - 생성자 Array 메서드를 활용한 배열 생성
new Array() 생성자는 인자 없이 호출 시 빈 배열을 생성하며, []와 동일합니다. 📦
new Array(숫자)는 해당 길이를 가진 빈 배열을 생성하며, 요소의 개수를 미리 알 때 유용합니다. 📏
new Array(요소1, 요소2, ...)는 전달된 값들을 요소로 포함하는 배열을 만듭니다. 🔢
Array.of()는 new Array()의 모호성을 개선한 팩토리 메서드로, 인자가 하나여도 길이를 지정하는 대신 해당 값을 요소로 갖는 배열을 생성합니다. ✨
Array.of(숫자)는 [숫자]와 같이 숫자를 요소로 포함하는 배열을 반환하며, new Array(숫자)와는 다르게 길이를 지정하지 않습니다. 🎯
Array.from()은 이터러블 객체나 유사 배열 객체를 실제 배열로 변환하는 데 사용되는 강력한 메서드입니다. 🔄
Array.from()은 첫 번째 인자로 이터러블 객체를 받아 새 배열을 생성하며, 이는 전개 구문 [...이터러블]과 유사한 개념입니다. 💡
Array.from()의 두 번째 인자로는 매핑 함수를 전달하여, 새 배열의 각 요소를 생성하기 전에 변환 로직을 적용할 수 있습니다. 🛠️
- 문자열과 배열은 자바스크립트의 가장 일반적인 내장 이터러블 객체이므로,
Array.from()을 통해 문자열을 개별 문자로 구성된 배열로 쉽게 변환할 수 있습니다. 📝
- 이러한 배열 생성 메서드들의 개념을 정확히 이해하고 실습하는 것은 실무에서 다양한 상황에 효율적으로 대응하는 데 필수적입니다. 🚀