HTMLCollection/NodeList/pseudo 배열을 array_javascript 스킬로 변환하는 구현 방법

여기서 다음 조건을 만족하는 객체를 의사 배열
1, 길이 속성
2, 인덱스로 데이터 저장
3, 배열 푸시, 팝 및 기타 방법이 없는 개체

1과 같은 함수 내의 인수입니다.
2. document.forms, Form.elements, Select.options, document.getElementsByName(), document.getElementsByTagName(), childNodes/children 등을 통해 얻은 컬렉션(HTMLCollection, NodeList)
3.

코드 복사 등의 특수 작성 방법이 있는 개체

var obj={};
obj[0] = "1";
obj[1] = "2";
obj[2] = "3"; .length = 3;


푸시, 팝, 시프트, 조인 등과 같은 일부 배열 방법이 없습니다. 때로는 이러한 의사 배열을 실제 배열로 변환해야 푸시, 팝 및 기타 방법을 사용할 수 있습니다. 다음은 도구 함수 makeArray

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

var makeArray = function(obj) {

return Array.prototype.slice.call(obj,0);
}
try{
Array.prototype.slice.call(document.documentElement.childNodes, 0 )[0].nodeType;
}catch(e){
makeArray = function(obj){
var res = []
for(var i=0,len=obj.length ; ires.push(obj[i]);
}
return res
}
위 세 개의 의사 배열

코드 복사

코드는 다음과 같습니다. //fun 함수 정의 내부적으로 makeArray를 사용하면 인수가 배열로 변환됩니다. function fun(){ var ary = makeArray(arguments)

alert(ary.constructor )

//
fun(3 ,5); 호출


//페이지에 여러 단락 요소 p가 있다고 가정합니다.
var els = document.getElementsByTagName("p"); var ary1 = makeArray(els);
alert(ary1.constructor);


//특수 js 객체(예: jquery 객체)
var obj={}; obj[0] = "1" ;
obj[1] = "2";
obj[2] = "3"
obj.length = 3; = makeArray(obj);
alert(ary2.constructor)