es6에서 변수가 배열인지 확인하는 방법-프런트엔드 Q&A-php.cn

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

青灯夜游

풀어 주다： 2023-01-18 18:17:21

원래의

1405명이 탐색했습니다.

판단 방법: 1. Array 객체의 isArray() 함수를 사용하여 변수가 배열인지 확인합니다. 구문은 "Array.isArray(obj)"입니다. 배열이면 true를 반환합니다. 거짓을 반환합니다. 2. "Object.prototype.toString()"으로 판단하면 구문은 "Object.prototype.toString.apply(a) === '[object Array]'"입니다.

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

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

JS의 약한 타이핑 메커니즘으로 인해 주니어 프론트엔드 개발자 면접 시 변수 유형 판단이 필수 질문이 됩니다. 일반적으로 후보자를 검토하는 첫 번째 질문으로 사용하고 이를 기반으로 진행합니다.

ES5에서 변수가 배열인지 확인

ES5에는 값이 배열인지 확인하는 최소한 다음 5가지 방법이 있습니다. 변수 유형을 결정합니다.

코드의 실행 환경은 매우 복잡하고 변수는 작성자를 혼란스럽게 하기 위해 온갖 종류의 트릭을 사용할 수 있다는 점을 알아야 합니다. 살펴보겠습니다: Object.prototype.toString

var a = []; 
// 1.基于instanceof 
a instanceof Array; 
// 2.基于constructor 
a.constructor === Array; 
// 3.基于Object.prototype.isPrototypeOf 
Array.prototype.isPrototypeOf(a); 
// 4.基于getPrototypeOf 
Object.getPrototypeOf(a) === Array.prototype; 
// 5.基于Object.prototype.toString 
Object.prototype.toString.apply(a) === &#39;[object Array]&#39;;

로그인 후 복사

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

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

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

배열의 일반적인 용도를 고려하여 ES6에서는 Array.isArray 메서드를 추가했습니다. 이 메서드를 사용하면 변수가 배열인지 확인하는 것이 매우 간단합니다.

var a = {
    __proto__: Array.prototype
}; 
// 分别在控制台试运行以下代码 
// 1.基于instanceof 
a instanceof Array; // => true 
// 2.基于constructor 
a.constructor === Array; // => true 
// 3.基于Object.prototype.isPrototypeOf 
Array.prototype.isPrototypeOf(a); // => true 
// 4.基于getPrototypeOf 
Object.getPrototypeOf(a) === Array.prototype; // => true

로그인 후 복사

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

Array.isArray([]); // => true 
Array.isArray({0: &#39;a&#39;, length: 1}); // => false

로그인 후 복사

[관련 권장 사항:

javascript 학습 튜토리얼

]

위 내용은 es6에서 변수가 배열인지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!