> 웹 프론트엔드 > JS 튜토리얼 > 객체가 array_javascript 기술인지 확인하는 js 구문 학습

객체가 array_javascript 기술인지 확인하는 js 구문 학습

WBOY
풀어 주다: 2016-05-16 16:48:28
원래의
1289명이 탐색했습니다.

1. 실제 배열을 확인하는 방법

JavaScript에서 배열을 선언하는 가장 간단한 방법은 다음과 같습니다.
var a = []
배열인지 확인하는 가장 직접적인 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

Array 인스턴스 //true
a .constructor == Array //true

instanceof 구문이 포함됩니다. instanceof는 "-*/"와 마찬가지로 구문은 다음과 같습니다.
result = obj intanceof class
객체가 특정 클래스의 인스턴스인지 여부를 판단하는 데 사용되며, 연산 결과는 true 또는 false를 반환합니다. JavaScript에서 클래스의 정의는 생성자를 통해 초기화되므로, instanceof 구문의 오른쪽 연산자 클래스는 Function의 인스턴스여야 합니다. 즉, 인스턴스ofFunction 클래스는 true여야 하며, instanceof 사용 시 오른쪽 연산자가 Function이 아닌 경우에는 TypeError 예외가 발생합니다. 모든 객체는 Object의 인스턴스이므로, objectinstanceof는 모든 객체에 대해 true를 반환합니다. 객체가 생성자를 통해 초기화된다고 말하지만, instanceof는 객체가 함수에 의해 생성되었는지 여부를 확인하지 않고 생성자의 프로토타입에 의해 상속되었는지 여부를 확인합니다.
코드 복사 코드는 다음과 같습니다.

함수 범위(낮음, 높음) {
this.low = 낮음 ;
this.high = 높음;
}
Range.prototype.constructor == Range; //true
Range.prototype = {
include: function(x){ return (x >= this.low && x <= this.high) },
제외: function(x){ return (x < this.low && x > this.high);
var r = new Range(0, 100);
rinstanceofRange; //false
rinstanceofObject; //true
Range.prototype.constructor == Objecct; 🎜>

r은 new Range를 통해 생성되지만 r은 Range의 인스턴스가 아닙니다. 이것이 문제입니다. Range.prototype 할당 문은 기본 생성자를 무시하고 프로토타입에 값을 할당하지 않습니다. Range.prototype.constructor는 Range였지만 할당 후에는 Object가 되었습니다.


Range.prototype = {
include: function(x){ return (x >= this.low && x <= this.high },
exclude : function(x){ return (x < this.low && x > this.high) }
}


은 실제로 다음과 같습니다.


Range.prototype = new Object({
include: function(x){ return ( x >= this.low && x <= this.high) },
제외: function(x){ return (x < this.low && x > this. high); }
});


그래서 Range.prototype.constructor == Object라면 새로운 Range를 통해 생성된 인스턴스는 당연히 Object의 인스턴스입니다.
공식 설명을 읽는 것이 더 간단합니다.
instanceof 연산자는 r이 Range 생성자에 의해 초기화되었는지 실제로 확인하지 않습니다.
함수도 있습니다. typeof는 instanceof와 유사한 함수를 가지고 있지만 숫자, 문자열, 함수, 객체, 정의되지 않음, 부울 등 특정 기본 데이터 유형을 반환합니다. typeof([])는 배열이 아닌 객체를 반환한다는 의미입니다.
관련된 또 다른 구문은 생성자입니다. 생성자는 객체의 생성자를 반환합니다.


var a = [];
a.constructor; //배열


생성자는 객체의 초기화 함수입니다. 객체가 배열인 경우 생성자는 배열이어야 합니다. 프로토타입의 생성자가 있기 때문입니다. 변경될 수 있습니다.

2. 의사 배열을 판단하는 방법

자바스크립트에는 Array와 유사한 순회 방법을 사용하여 순회할 수 있는 의사 배열이 있습니다. [] 첨자를 사용하여 지정된 요소를 가져올 수 있습니다. 이러한 종류의 개체를 의사 배열이라고 합니다. JQuery의 개체는 아래와 같이 일반적인 의사 배열입니다.
객체가 array_javascript 기술인지 확인하는 js 구문 학습
의사 배열인지 판단하는 것은 길이 속성이 있는지, 기본 배열 연산 기능 스플라이스(splice)가 있는지를 판단하는 것이며, 판단 방법은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

var is_array = function(value) {
return value &&
typeof value === 'object ' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'))
};

여기서 propertyIsEnumerable은 길이 속성을 사용할 수 있는지 여부를 결정하는 데 사용됩니다. 실제로 기본 String 개체도 Array와 유사한 효과가 있지만 Array 개체로 처리할 수 없으므로 이를 열거할 수 없습니다. typeof는 String 객체이고 문자열을 반환하기 때문에 여기서 typeof value == "object"를 판단해야 합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿