JS의 Object 메소드와 Aarry 메소드 구별 요약

1. 자주 발생하는 문제:

JS에서 객체의 유형을 판단할 때 일반적으로 typeof를 사용하는데, 이는 배열을 식별할 때 typeof()가 반환되기 때문입니다. .객체이므로 JS

에서 객체가 배열인지 여부를 판단하려면 몇 가지 특별한 처리 방법이 필요합니다. 다음은 제가 요약한 6가지 처리 방법을 소개합니다.

2. 바로 요점

개발 중에 객체가 배열인지 확인하려면 다음 함수를 사용하는 것이 좋습니다.

function isArray(obj){
  if(Array.isArray){
    return Array.isArray(obj);
  }else{
   return Object.prototype.toString.call(obj)==="[object Array]";
  }
}

위 기능은 문제 해결에 열의가 있는 분들에게 편리합니다. 응시자는 자신에 대한 포괄적인 지식이 필요할 수 있으므로 아래에서 6가지 방법을 자세히 설명하겠습니다. 인터뷰 중

3. 6가지 솔루션에 대한 자세한 설명:

(1) 방법 1: toString 메소드

를 사용하여 변수를 문자열로 변환해 보세요. toString() 메서드를 호출하여 해당 유형을 나타냅니다. 이 방법은 실제 배열에 적합합니다. 매개변수 객체가

에서 [객체 인수]를 반환하는 문자열로 변환되면 변환이 실패하고 숫자 길이 속성을 포함하는 객체 클래스에서도 변환이 실패합니다.

방법은 다음과 같습니다.

nbsp;html>

 
 <title>Array的判断方法</title>
 <meta>
 <script>
	function isArrayOne(arr){
		return <span style="color:#cc0000;">Object.prototype.toString.call(arr) === "[object Array]";
	}
	var obj = {"k1":"v1"};
	var arr = [1,2];
	console.log("对象的结果："+isArrayOne(obj));
	console.log("数组的结果："+isArrayOne(arr));
 </script>
 
 
 
 

결과는 다음과 같습니다.

참고: 같음에 "==" 대신 "==="를 사용하는 것이 더 효율적이므로 사용하는 것이 좋습니다!

(2) 방법 2: isArray를 통해:

Javascript 1.8.5(ECMAScript 5)를 사용하면 이 기능이 지원되는 경우 변수 이름 .isArray()가 이 목적을 달성할 수 있습니다. 실제로 isArray는

방법 1을 캡슐화한 것입니다.

사용 방법은 매우 간단합니다.

Array.isArray(obj); //obj는 감지할 객체입니다.

true 또는 false를 반환합니다. true인 경우 배열

(3) 방법 3: 인스턴스 오브 연산자로 판단,

참고: 인스턴스 오브 연산자의 왼쪽은 자식 개체(테스트할 개체)이고 오른쪽은 자식 개체입니다. 는 부모 생성자입니다(여기서는 Array).

즉: 부모 생성자의 자식 개체 인스턴스

instance: 인스턴스: 새 생성자()로 생성된 모든 개체를 생성자의 인스턴스라고 합니다.

오랫동안 헷갈렸기 때문에 코드를 직접 보는 것이 더 좋습니다:

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	var obj = {"k1":"v1"};
	var arr = [1,2];
	console.log("Instanceof处理对象的结果："+(obj instanceof Array));
	console.log("Instanceof处理数组的结果："+(arr instanceof Array));
 </script>
 
 
 
 

실행 결과는 다음과 같습니다. 다음:

(4) isPrototypeOf() 함수 사용

원리: 객체가 Array의 프로토타입인지(또는 프로토타입 체인에 있는지 감지) , 직접 상위 객체뿐만 아니라 전체 프로토타입 체인의 모든 상위 객체도 감지 가능)

사용법: parent.isPrototypeOf(child)는 상위가 하위의 프로토타입인지 감지합니다.

isPrototypeOf() 함수에 의해 구현된 함수는 instancof 연산자와 매우 유사하다는 점에 유의해야 합니다.

특정 코드:

Array.prototype.isPrototypeOf(arr) //true 배열이라는 뜻, false 가 배열이 아니라는 뜻

(5) 생성자 생성자 사용

특정 코드:

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	var obj = {&#39;k&#39;:&#39;v&#39;};
	var t1 = new Array(1);
	var t2 = t1;
	console.log(obj.constructor == Array);
	console.log(t1.constructor == Array);
	console.log(t2.constructor == Array);
 </script>
 
 
	
 

결과는 그림과 같습니다

(6) typeof(object ) + 유형명 조합 판단 :

코드는 다음과 같습니다.

nbsp;html>

 
 <meta>
 <meta>
 <meta>
 <meta>
 <meta>
 <title>Document</title>
 <script>
	function isArrayFour(arr){
		if(typeof(arr)==="object"){
			if(arr.concat){
				return "This is Array";
			}else{
				return "This Not Array";
			}
		}
	}
	var arr = [1];
	var obj = {&#39;k&#39;:&#39;v&#39;};
	console.log(typeof(arr));
	console.log(typeof(obj));
	console.log(isArrayFour(arr));
	console.log(isArrayFour(obj));
 </script>
 
 
 
 

결과는 다음과 같습니다.

이 방법에는 실제로 제한이 있습니다. 성별, 일부 학생은 크랙할 수 있습니다. 즉,

이 속성이 객체에 실수로 정의된 경우

var obj = {'concat':'Teast me?'};

JS에서 Object와 Aarry를 구별하는 6가지 방법에 대한 위의 요약은 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, PHP 중국어 홈페이지를 지원해 주시길 바랍니다.

객체와 Aarry를 구별하는 JS 방법 요약에 관련된 더 많은 글은 PHP 중국어 홈페이지를 주목해주세요!