將類陣列轉換成一個真正有意義的陣列Array.prototype.slice.call(argument)
阿新 • • 發佈:2019-01-07
var box=document.getElementById('box');
var nodes=box.childNodes;
function addArray(text){
/*
因為Array是一個類,不能直接引用,需要獲取原型後才能使用。
如果要直接引用,需要例項化Array,如下。
var array = new Array();
array.slice.call(arguments);
slice()在陣列中是返回陣列,如果是一個引數,則輸出從開始位置到結束位置的所有元素 call() this指向addArray()函式,這裡只是個引數,則將引數值給Array用, */ return Array.prototype.slice.call(text); }
var newarray=addArray(nodes); newarray.push('<li>節點四</li>'); console.log(newarray); 這個方法方便高效,但是在IE低版本中有問題
完美解決的辦法
/完美方法,使用try...catch方法,當在IE低版本中時候主動丟擲錯誤
var box=document.getElementById('box');
var nodes=box.childNodes;
function addArray(text){
var array=null;
try{
return Array.prototype.slice.call(text);
}catch(e){
array=new Array();
for(var i=0;i<text.length;i++){
array.push(text[i]);
}
}
return array;
}
var newarray=addArray(nodes); newarray.push('<li>節點四</li>'); console.log(newarray);
slice()在陣列中是返回陣列,如果是一個引數,則輸出從開始位置到結束位置的所有元素 call() this指向addArray()函式,這裡只是個引數,則將引數值給Array用, */ return Array.prototype.slice.call(text); }
var newarray=addArray(nodes); newarray.push('<li>節點四</li>'); console.log(newarray); 這個方法方便高效,但是在IE低版本中有問題
var newarray=addArray(nodes); newarray.push('<li>節點四</li>'); console.log(newarray);