資訊專欄INFORMATION COLUMN
摘要：偽數(shù)組偽數(shù)組的定義和特性偽數(shù)組，又稱類數(shù)組。利用數(shù)組的方法推薦或者使用返回一個新的數(shù)組用或把他的作用環(huán)境指向偽數(shù)組。注意這個返回的數(shù)組中，不會保留索引值以外的其他額外屬性。
偽數(shù)組(ArrayLike) 偽數(shù)組的定義和特性
偽數(shù)組 (ArrayLike) ，又稱類數(shù)組。是一個類似數(shù)組的對象，但是有如下幾個特征。
按索引方式儲存數(shù)據(jù)
0: xxx, 1: xxx, 2: xxx...
具有length屬性
但是length屬性不是動態(tài)的，不會隨著成員的變化而改變
不具有數(shù)組的push()， forEach()等方法
arrayLike.__proto__ === Object.prototype; //true
arrayLike instanceof Object; //true
arrayLike instanceof Array; //false
常見的典型偽數(shù)組，包括jQuery中通過 $() 獲取的DOM元素集, 函數(shù)中的的 arguments 對象， 以及字符串String對象。
例子:
var arrLike = {
0: "a",
1: "b",
2: "c",
length: 3,
}
arrLike[1]; //"a"
arrLike.length; //3
arrLike.push("d"); //Uncaught TypeError: arrLike.push is not a function
偽數(shù)組轉(zhuǎn)化成真數(shù)組的方法
var arrLike = {
0: "a",
1: "b",
2: "c",
length: 3,
};
1.遍歷添加入一個空數(shù)組
var arr = [];
for(var i = 0; i < arrLike.length; i++){
arr.push(arrLike[i]);
}
比較簡單易懂，但是步驟略顯繁瑣。
2.利用數(shù)組的slice()方法 【推薦】;[].slice.call(arrLike);
或者
Array.prototype.slice.apply(arrLike);
使用slice()返回一個新的數(shù)組,用call()或apply()把他的作用環(huán)境指向偽數(shù)組。
注意這個返回的數(shù)組中，不會保留索引值以外的其他額外屬性。
比如jQuery中$()獲取的DOM偽數(shù)組，里面的context屬性在被此方法轉(zhuǎn)化之后就不會保留。
模擬一下slice()的內(nèi)部實現(xiàn)
Array.prtotype.slice = function(start, end){
var result = new Array();
var start = start | 0;
var end = end | this.length;
for(var i = start; i < end; i++){
result.push(this[i]);
}
return result;
}
3.修改原型指向
arrLike.__proto__ = Array.prototype;
這樣arrLike就繼承了Array.prototype中的方法，可以使用push()，unshift()等方法了，length值也會隨之動態(tài)改變。
另外這種直接修改原型鏈的方法，還會保留下偽數(shù)組中的所有屬性，包括不是索引值的屬性。
Array.from() 方法從一個類似數(shù)組或可迭代對象中創(chuàng)建一個新的數(shù)組實例。
可以參考MDN的Array.from()
var arr = Array.from(arrLike);
得到的結(jié)果與第二種方法類似，只保留索引值內(nèi)的屬性。
參考文獻http://javascript.ruanyifeng....
https://www.cnblogs.com/NTWan...
https://www.cnblogs.com/guora...
https://developer.mozilla.org...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95439.html
摘要：深入淺出的理解問題的由來寫法一寫法二雖然和指向同一個函數(shù)，但是執(zhí)行結(jié)果可能不一樣。該變量由運行環(huán)境提供。所以，就出現(xiàn)了，它的設(shè)計目的就是在函數(shù)體內(nèi)部，指代函數(shù)當前的運行環(huán)境。 深入淺出this的理解 問題的由來 var obj = { foo: function(){} } var foo = obj.foo; // 寫法一 obj.foo(); // 寫法二 foo...
摘要：應(yīng)用場景求數(shù)組中的最大值和最小值并不是最佳選擇是中的靜態(tài)方法，因此必然是沒有使用上下文的必要的。因此綁定只需要用或者占位就可以了。 前言 面試，幾乎每次都會問到一個js中關(guān)于call、apply、bind的問題，比如… 怎么利用call、apply來求一個數(shù)組中最大或者最小值 如何利用call、apply來做繼承 apply、call、bind的區(qū)別和主要應(yīng)用場景 作用 首先問個問...
摘要：是的幾乎是全部。語法和區(qū)別在里面的指向的不是事件的調(diào)用者，而是奇葩，而指向的事件調(diào)用者。舉例來說使用作為來調(diào)用面試題四明確綁定的優(yōu)先權(quán)要高于隱含綁定綁定的優(yōu)先級高于隱含綁定和不能同時使用，所以是不允許的，也就是不能直接對比測試綁定和明確綁定 ES5中this的指針 按照this指針的優(yōu)先級，列出下面常會遇到的四種情況，從上到下依次是優(yōu)先級從高到低（后面會詳細比較優(yōu)先級）。 函數(shù)是和n...
摘要：更新了幾個方法，但是一般情況下沒有太大的用處反雙曲線函數(shù)，返回一個數(shù)字的反雙曲余弦值算數(shù)平方根函數(shù)，返回所有參數(shù)的算術(shù)平方根類的位整數(shù)乘法運算函數(shù)該常量表示與可表示的大于的最小的浮點數(shù)之間的差值，那有什么用呢可以用來解決浮 0x001 Math Math更新了幾個方法，但是一般情況下沒有太大的用處 反雙曲線函數(shù)，返回一個數(shù)字的反雙曲余弦值 Math.acosh(-1); // N...
閱讀 2553·2021-10-09 09:44
閱讀 648·2019-08-30 15:44
閱讀 3007·2019-08-29 18:46
閱讀 1144·2019-08-29 18:38
閱讀 566·2019-08-26 10:44
閱讀 2443·2019-08-23 16:07
閱讀 1102·2019-08-23 15:38
閱讀 4129·2019-08-23 14:02
