Array.of()
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
array.of() 정적 메서드는 인자의 수나 유형에 관계없이 가변적인 수의 인자로부터 새로운Array 인스턴스를 생성합니다.
시도해 보기
console.log(Array.of("foo", 2, "bar", true));// Expected output: Array ["foo", 2, "bar", true]console.log(Array.of());// Expected output: Array []구문
Array.of()Array.of(element1)Array.of(element1, element2)Array.of(element1, element2, /* …, */ elementN)매개변수
element1, …,elementN배열을 생성할 때 사용할 요소.
반환 값
새로운Array 객체.
설명
Array.of()와Array() 생성자의 차이점은 단일 인수를 처리하는 데 있습니다.Array.of(7)는 단일 요소7을 가진 배열을 생성하는 반면,Array(7)는length 속성이7인 빈 배열을 생성합니다. (이는 실제undefined 값을 가진 슬롯이 아닌 7개의 빈 슬롯으로 구성된 배열을 의미합니다.)
Array.of(7); // [7]Array(7); // array of 7 empty slotsArray.of(1, 2, 3); // [1, 2, 3]Array(1, 2, 3); // [1, 2, 3]Array.of() 메서드는 일반 팩토리 메서드입니다. 예를 들어,Array의 하위 클래스가of() 메서드를 상속하는 경우, 상속된of() 메서드는Array 인스턴스 대신 하위 클래스의 새 인스턴스를 반환합니다. 실제로this 값은 새 배열의 길이를 나타내는 단일 인수를 받는 생성자 함수가 될 수 있으며, 생성자는of()에 전달된 인자 수로 호출됩니다. 최종length는 모든 요소가 할당되면 다시 설정됩니다.this 값이 생성자 함수가 아닌 경우 일반Array 생성자가 대신 사용됩니다.
예제
Array.of() 사용하기
Array.of(1); // [1]Array.of(1, 2, 3); // [1, 2, 3]Array.of(undefined); // [undefined]배열이 아닌 생성자에서 of() 호출하기
of() 메서드는 새 배열의 길이를 나타내는 단일 인수를 받는 모든 생성자 함수에서 호출할 수 있습니다.
function NotArray(len) { console.log("NotArray called with length", len);}console.log(Array.of.call(NotArray, 1, 2, 3));// NotArray 길이를 3으로 호출하였습니다.// NotArray { '0': 1, '1': 2, '2': 3, length: 3 }console.log(Array.of.call(Object)); // [Number: 0] { length: 0 }this 값이 생성자가 아닐 때, 평범함Array 객체가 생성됩니다.
console.log(Array.of.call({}, 1)); // [ 1 ]명세서
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-array.of |