es6에서 변수가 배열인지 확인하는 방법

es6에서는 Array의 isArray() 메서드를 사용하여 변수가 배열인지 여부를 확인할 수 있습니다. 개체가 배열 유형인 경우 구문은 "Array.isArray(obj)"입니다. 배열이면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

ES5에서 변수가 배열인지 확인하기 ES5에는

값이 배열인지 확인하는 데 최소한 다음과 같은 5가지 방법이 있습니다.

var a = []; 
// 1. 인스턴스 기반 
배열 인스턴스; 
// 2. 생성자 기준 
a.constructor === 배열; 
// 3. Object.prototype.isPrototypeOf 기반 
Array.prototype.isPrototypeOf(a); 
// 4. getPrototypeOf 기반 
Object.getPrototypeOf(a) === Array.prototype; 
// 5. Object.prototype.toString 기반 
Object.prototype.toString.apply(a) === '[object Array]';

위에서 Object.prototype.toString 제외한 다른 메소드는 변수 유형을 올바르게 판별할 수 없습니다.

아시다시피 코드의 실행 환경은 매우 복잡하며 변수는 작성자를 혼란스럽게 하기 위해 모든 종류의 트릭을 사용할 수 있습니다.

var a = {를

보겠습니다

    __proto__: 배열.프로토타입
}; 
//콘솔에서 다음 코드를 각각 실행해 보세요. // 1. 인스턴스 기반 
배열 인스턴스; // => true 
// 2. 생성자 기준 
a.constructor === 배열; // => true 
// 3. Object.prototype.isPrototypeOf 기반 
Array.prototype.isPrototypeOf(a); // => true 
// 4. getPrototypeOf 기반 
Object.getPrototypeOf(a) === Array.prototype; // =>

위의 경우 네 가지 메소드 모두 true를 반환합니다. 우리는 객체의 __proto__ 속성을 Array.prototype으로 수동으로 지정했는데, 이로 인해 객체가 Array 객체를 상속하게 되었습니다. 이 무책임한 상속 방식으로 인해 상속에 따른 판단 체계가 즉시 붕괴되었습니다.

뿐만 아니라 Array는 힙 데이터이고 변수는 참조 주소만 가리키므로 각 페이지의 Array 개체가 참조하는 주소가 다릅니다. iframe에 선언된 배열의 경우 해당 생성자는 iframe의 Array 객체입니다. 배열 x가 iframe에서 선언되고 상위 페이지의 변수 y에 할당된 경우 상위 페이지에서 배열의 y 인스턴스가 사용되며 결과는 false여야 합니다. 마지막 것은 문자열을 반환하므로 참조 문제가 없습니다. 실제로 여러 페이지나 시스템 간의 상호 작용은 문자열을 통해서만 가능합니다.

ES6에서는 변수가 배열인지 확인하는 것이

Array.isArray

메서드를 추가하여 변수가 배열인지 확인하는 방법은 다음과 같습니다.

([]); // => 참 
Array.isArray({0: 'a', length: 1}); // => false

실제로 값의 유형을 결정하기 위해 Object.prototype.toString 사용하는 것도 주요 주류 라이브러리의 표준입니다. 따라서 Array.isArray의 폴리필은 일반적으로 다음과 같습니다:

if (!Array.isArray){ 
    Array.isArray = 함수(인수){ 
        return Object.prototype.toString.call(arg) === '[객체 배열]'; 
    }; 
}