細說 Javascript 數組篇（二） : 數組的構造函數和常見操作

kaka 發布于2019-08-19 14:45 / 1562人閱讀

摘要：數組的構造函數由于數組的構造函數在處理參數時的不確定性，因此強烈建議使用符號來創建一個新數組。總結綜上所述，我們應該盡量使用來創建新函數，而不是數組的構造函數，這樣代碼將有更好的可讀性。

數組的構造函數

由于數組的構造函數在處理參數時的不確定性，因此強烈建議使用 [] 符號來創建一個新數組。

[1, 2, 3]; // Result: [1, 2, 3]
new Array(1, 2, 3); // Result: [1, 2, 3]

[3]; // Result: [3]
new Array(3); // Result: []
new Array("3") // Result: ["3"]

當只有一個參數被傳遞到數組的構造函數中，并且這個參數還是一個數字時，構造函數將會返回一個元素值為 undefined 的數組，而且這個數組的 length 屬性被設置為傳入構造函數的數字參數。但實際上上新數組的索引并沒有被初始化。

這種用法只有在很少數情況下會被使用，比如循環字符串時，這種用法可以避免使用一個循環。

new Array(count + 1).join(stringToRepeat);

總結

綜上所述，我們應該盡量使用 [] 來創建新函數，而不是數組的構造函數，這樣代碼將有更好的可讀性。

數據常見操作

因為這篇博文的原文比較短，所以我打算把一些常用的數組操作方法也總結一下：

添加元素

1.push - 將一個或多個新元素添加到數組結尾，并返回數組新長度。

2.unshift - 將一個或多個新元素添加到數組開始，數組中的元素自動后移，返回數組新長度。

3.splice - 將一個或多個新元素插入到數組的指定位置，插入位置的元素自動后移，返回 []。

刪除元素

1.pop - 移除最后一個元素并返回該元素值。

2.shift - 移除最前一個元素并返回該元素值，數組中元素自動前移。

3.splice - 刪除從指定位置 deletePos 開始的指定數量 deleteCount 的元素，數組形式返回所移除的元素。（注意與添加元素時參數的差異）

其他操作

1.join - 返回字符串，這個字符串將數組的每一個元素值連接在一起，中間用 separator 參數隔開。

2.slice - 方法用于返回數組中一個片段或子數組，如果只寫一個參數返回參數到數組結束部分，如果參數出現負數，則從數組尾部計數，如果 start 大于 end 返回空數組，slice 不會改變原數組，而是返回一個新的數組。

3.concat - 將多個數組（也可以是字符串，或者是數組和字符串的混合）連接為一個數組，返回連接好的新的數組。

4.reverse - 反轉元素（最前的排到最后、最后的排到最前），返回修改后的數組。

5.sort - 對數組元素排序，返回修改后的數組。當沒有參數的時候會按字母表升序排序，也可以可以傳一個排序方法進去。

參考：

http://bonsaiden.github.io/JavaScript-Garden/#array.constructor

GPU云服務器云服務器 php操作數組的函數數組常見操作 javascript數組函數 js數組操作函數

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78091.html

細說 jQuery Ajax操作篇（一） - 數據加載

摘要：同樣將其綁定在按鈕點擊事件上查看結果為這里需要注意，如果文檔內的格式錯誤，雖然不會報錯，但是將無法執行回調函數。 Ajax 通俗來講即不需要刷新頁面即可從服務器或客戶端上加載數據，當然這些數據的格式是多種多樣的。加載 HTML 我們通常使用加載 HTML 的方法來加載 HTML 片段，并插入到指定位置，假設當前頁面為： load showImg(http://segmen...

paulli3 2019-08-21 12:21 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

李昌杰 2019-08-16 10:40 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

Lyux 2019-06-28 13:32 評論0 收藏0
SegmentFault 技術周刊 Vol.32 - 七夕將至，你的“對象”還好嗎？

摘要：很多情況下，通常一個人類，即創建了一個具體的對象。對象就是數據，對象本身不包含方法。類是相似對象的描述，稱為類的定義，是該類對象的藍圖或原型。在中，對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中，對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

AaronYuan 2019-08-20 18:55 評論0 收藏0
this全面解析(二)

摘要：在傳統的面向類的語言中，構造函數是類中的一些特殊方法，使用初始化類是會調用類中的構造函數。在上一節中我們詳細介紹了this的兩種綁定方式，默認綁定和隱式綁定，在這一節我們繼續介紹this的另外兩種綁定方式顯示綁定和new綁定。那么，我們要解決的問題當然就是上一節中我們提到的：this丟失！顯式綁定在隱式綁定中，我們必須在一個對象的內部包含一個指向函數的屬性，并通過這個屬性間接引用...

iflove 2019-08-19 17:56 評論0 收藏0