關于JS數組API的總結

PiscesYE 發布于2019-08-21 17:41 / 2786人閱讀

摘要：在學習的道路上，數組是一個很重要的部分，數組的很多，也很容易混淆，每次對數組操作時都要去查文檔，學習的路上也不能一直前進，有時候要停下來做做總結，我總結了平時比較常用的一些數組，希望能夠幫到你。如果沒有滿足條件的元素，則返回。

在學習JS的道路上，數組是一個很重要的部分，數組的API很多，也很容易混淆，每次對數組操作時都要去查文檔，學習的路上也不能一直前進，有時候要停下來做做總結，我總結了平時比較常用的一些數組API，希望能夠幫到你。

arry.push()

把一個元素增加到數組的末尾，返回值為新數組的長度arry.length，示例：

let arry = [2, 9, 5]
let returnValue = arry.push(4)
console.log(returnValue) // 4
console.log(arry) // [2, 9, 5, 4]

arry.pop()

刪除數組中最后一個元素，返回值為刪除的元素，示例：

let arry = [2, 9, 5]
let returnValue = arry.pop()
console.log(returnValue) // 5
console.log(arry) // [2, 9]

arry.unshift()

與push方法類似，區別在于它是在數組的前面添加元素，返回值為新數組的長度arry.length，示例：

let arry = [2, 9, 5]
let returnValue = arry.unshift(4)
console.log(returnValue) // 4
console.log(arry) // [4, 2, 9, 5]

arry.shift()

與pop方法類似，區別在于它是刪除數組前面的元素，返回值依然是被刪除的元素，示例：

let arry = [2, 9, 5]
let returnValue = arry.shift()
console.log(returnValue) // 2
console.log(arry) // [9, 5]

由此可知，使用push和shift組合可以實現數據的‘先進先出’當然也可以使用unshift和pop

arry.reverse()

把數組反向排序，這里要注意它會改變原來的數組，而不會創建新的數組，示例：

let arry = [2, 9, 5]
arry.reverse()
console.log(arry) // [ 5, 9, 2 ]

arry.sort()

對數組進行排序，可接受參數，參數必須是函數，如果不沒有參數則是按照字符編碼的順序進行排序，示例：

let arry = [10, 5, 40, 1000]
console.log(arry.sort()) // [ 10, 1000, 40, 5 ]

如果數字想要按大小排列，可寫入參數：

let arr = [3, 1, 7]
console.log(arr.sort((a, b) => a - b)) // [ 1, 3, 7 ]

arry.forEach(item, index)與arry.map(item, index)

兩者都是對數組遍歷，index表示數組索引，不是必須的參數區別在于map方法會返回一個新的數組，示例：

let arry = [1, 5, 10, 15];
let arry1 = arry.map( x => x + 2);
console.log(arry1) // [ 3, 7, 12, 17 ]

arry.some()

用于檢測數組中的元素是否滿足指定條件,參數也是函數如果有一個元素滿足條件，則表達式返回true , 剩余的元素不會再執行檢測。如果沒有滿足條件的元素，則返回false。

let arry = [1, 5, 10, 15];
console.log(arry.some(item => item > 10)) // true

arry.every()

用于檢測數組中的所有元素是否滿足指定條件,只有當數組中滅一個元素都滿足條件時，表達式返回true , 否則返回false，示例：

let arry = [5, 10, 15];
console.log(arry.every(item => item > 2)) // true

arry.filter()

它創建一個新的數組，原數組不變，新數組中的元素是通過檢查指定數組中符合條件的所有元素，示例：

let arry = [1, 5, 10, 15];
let arry1 = arry.filter(item => item > 5)
console.log(arry) // [ 1, 5, 10, 15 ]
console.log(arry1) // [ 10, 15 ]

arry.join()

把數組元素合并為一個字符串，如果不帶參數，默認用逗號分隔

let arry = [5, 10, 15];
console.log(arry.join()) // 5,10,15
// 添加參數
let arry = [5, 10, 15];
console.log(arry.join(".")) // 5.10.15

arry.splice(index, hm, add)

它既可以刪除特定的元素，也可以在特定位置增加元素，也可以刪除增加同時搞定，index是起始位置，hm是要刪除元素的個數，add是要增加的元素，上例子：

let myFish = ["angel", "clown", "mandarin", "sturgeon"]
myFish.splice(2, 0, "drum") // hm為0 表示不刪除任何元素
console.log(myFish) // [ "angel", "clown", "drum", "mandarin", "sturgeon" ]

let myFish = ["angel", "clown", "mandarin", "sturgeon"]
myFish.splice(2, 1, "drum")
console.log(myFish)  // [ "angel", "clown", "drum", "sturgeon" ]

arry.concat()

用于連接兩個或多個數組，返回值為連接后的新數組，原數組不變，示例：

let arry1 = [1, 2, 3]
let arry2 = [4, 5, 6]
arry1.concat(arry2)
console.log(arry1.concat(arry2)) // [ 1, 2, 3, 4, 5, 6 ]

這些就是關于數組常用的api，可以大膽地添加收藏，以備不時之需～

云服務器 GPU云服務器關于c語言數組的代碼 js數組api視頻關于js的介紹 java數組本章總結

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

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

【JS】JavaScript數組以及數組API學習總結

摘要：返回數組內容的字符串表示形式將數組中每個元素轉為字符串，并用逗號連接。拍照連接符將數組中每個元素轉為字符串，用自定義的連接符連接每個元素需要用變量借助。關于數組篇的記錄，純自己總結，會持續更新～原生js方法 1:創建數組的幾種方法： var arr = []; var arr = new Array(); var arr = [1,2]; var arr = new Arr...

roundstones 2019-08-21 18:26 評論0 收藏0
JavasScript重難點知識

摘要：忍者級別的函數操作對于什么是匿名函數，這里就不做過多介紹了。我們需要知道的是，對于而言，匿名函數是一個很重要且具有邏輯性的特性。通常，匿名函數的使用情況是創建一個供以后使用的函數。 JS 中的遞歸遞歸, 遞歸基礎, 斐波那契數列, 使用遞歸方式深拷貝, 自定義事件添加這一次，徹底弄懂 JavaScript 執行機制本文的目的就是要保證你徹底弄懂javascript的執行機制，如果...

forsigner 2019-08-21 18:36 評論0 收藏0
前端面試知識點目錄整理

摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...

xzavier 2019-08-23 16:14 評論0 收藏0
前端面試知識點目錄整理

摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...

enda 2019-08-02 16:08 評論0 收藏0
webpack 基礎與項目優化實踐總結

摘要：前言本文基于，主要涉及基本概念基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行優化配置。同一文件中，修改某個影響其他。前言：本文基于weboack4.x，主要涉及webpack4 基本概念、基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行...

Scorpion 2019-08-23 18:15 評論0 收藏0