標簽:items const his 個數 展示 item 改變 函數 javascrip
JavaScript中存在有一种类数组,或者说伪数组。经常见到的伪数组有函數的arguments对象、dom.querySelectorAll等获取的NodeList类(NodeList本身具有forEach方法)等。
僞數組並不是數組,它沒有繼承Array.prototype,但是它“看起來像數組”,它本身沒有數組的標准方法,但是它可以複用這些標准方法。
function arrayLike() {
arguments.forEach(a => console.log(a));//TypeError: arguments.forEach is not a function
}
arrayLike(1, 2, 3);
如上例所示,arguments對象本身並沒有forEach方法,但是它可以複用數組的這些標准方法。
function arrayLike() {
// arguments.forEach(a => console.log(a));
[].forEach.call(arguments, a => console.log(a));// 1 2 3 通过call改變this指向,调用数组的方法
[...arguments].forEach(a => console.log(a));// 1 2 3 构建一个真实数组,然后调用数组的方法
}
arrayLike(1, 2, 3);
一個數组对象必然具有两个特点:
具有一個範圍在 0~232-1 的整型length屬性
length屬性大于該對象的最大索引,索引是一個 0-232 -2 範圍內的整數
所以很簡單,只要實現這兩個特點,一個對象就是僞數組對象了。
const arr = {
1: ‘AAA‘,
3: ‘CCC‘,
length: 8,
};
[].forEach.call(arr, (item, i) => console.log(item, i)); //AAA 1 CCC 3
https://www.98891.com/article-83-1.html
對于數組和僞數組,在數組的標准方法中,只有concat方法是不通用的,對于一個僞數組,concat方法會將其作爲一個整體連接起來。
console.log([].concat.call(arr, [7, 8]));//[ { ‘1‘: ‘AAA‘, ‘3‘: ‘CCC‘, length: 8 }, 7, 8 ]
console.log([1, 2].concat([7, 8]));//[ 1, 2, 7, 8 ]
上例展示了數組和僞數組調用concat的不同結果,在遇到這種情況時,我們只有自己對僞數組進行轉換,比如:
1.通過slice方法,複制僞數組
console.log([].concat.call([].slice.call(arr), [7, 8]));
//[ <1 empty item>, ‘AAA‘, <1 empty item>, ‘CCC‘, <4 empty items>, 7, 8 ]
2.通过Symbol.isConcatSpreadable改變对伪数组对象进行concat操作时的默认行为
const arr = {
1: ‘AAA‘,
3: ‘CCC‘,
length: 8,
[Symbol.isConcatSpreadable]: true,
};
console.log([].concat.call(arr, [7, 8]));
//[ <1 empty item>, ‘AAA‘, <1 empty item>, ‘CCC‘, <4 empty items>, 7, 8 ]
標簽:items const his 個數 展示 item 改變 函數 javascrip
原文地址:https://www.cnblogs.com/qianxiaox/p/14933968.html