[Javascript] - 자바스크립트 Array 생성자 함수, Array.of, Array.from 사용법

#자바스크립트 Array 생성자 함수, Array.of,  Array.from 사용법

 

 

-Array 생성자 함수를 통해 배열을 생성할 수도 있다.

 

#전달된 인수가 1개이고 숫자인 경우 length 프로퍼티 값이 인수인 배열을 생성한다.

 

#예시

const arr = new Array(100);

console.log(arr); // (100) [empty × 100]
console.log(arr.length); // 100

 

 

#전달된 인수가 없는 경우 빈 배열을 생성한다.

 

#예시

new Array(); // []

 

 

#전달된 인수가 2개 이상이거나 숫자가 아닌 경우 인수를 요소로 갖는 배열을 생성한다.

 

#예시

new Array(4, 6, 8); // [4, 6, 8]

// Array 생성자 함수는 new 연산자와 함께 호출하지 않아도 동일
Array(4, 6, 8); // [4, 6, 8]

 

 

#Array.of

-ES6에서 도입된 Array.of 메서드는 전달된 인수를 요소로 갖는 배열을 생성한다.

 

#예시

// 전달된 숫자가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다.
Array.of(3); // [3]

Array.of(3, 6, 9); // [3, 6, 9]

Array.of('Java'); // ['Java']

 

 

#Array.from

-ES6에서 도입된 Array.from 메서드는 유사 배열 객체 또는 이터러블 객체를 인수로 전달받아 배열로 변환하여 반환한다.

 

#예시

// 유사 배열 객체를 변환하여 배열을 생성한다.
// ["a", "b", "c"]
Array.from( {length: 3, 0: 'a', 1: 'b', 2: 'c'} );

// 이터러블을 변환하여 배열을 생성한다. 문자열은 이터러블이다.
// ["J", "a", "v", "a"]
Array.from('Java');