javascript數組方法學習匯總

zebrayoung 發布于2019-08-22 17:05 / 1251人閱讀

摘要：將輸出新數組判斷數組中的每一項是否都滿足條件，都滿足返回，此方法相較于之前的幾個方法，返回值有差異，是一個布爾值。輸出數組用于將一組值轉化為數組輸出數組返回一個布爾值，表示某個數組中是否包含給定的值。

1、join("sep")：將數組元素組合成字符串。以sep為分隔符，省略的話則默認使用逗號為分隔符。

var arr = ["a","b","c"];
console.log(arr.join("-"))// 將輸出字符串"a-b-c"。

2、reverse(): 反轉數組元素。

var arr = ["a","b","c"]
console.log(arr.reverse())// 將輸出數組["c","b","a"], 原數組也將被改變，與輸出的值相同。

3、concat(): 數組的合并，將參數添加到原數組的末尾，返回添加過后的新數組，不改變原數組。

var arr = ["a","b"]
console.log(arr.concat(["c"]))// 輸出新數組["a","b","c"]。

4、push(): 向數組末尾添加元素,返回添加元素以后的數組的長度,原數組被改變。

5、pop()：移除數組最后一項，返回移除的值，原數組被改變。該方法的返回值與push方法的有差異。

6、shift()：移除數組第一項，返回移除的元素，原數組被改變。

7、unshift()：在數組的開頭添加元素，返回數組的長度，原數組被改變。

8、slice(n, m): 該方法可從已有的數組或字符串中返回選定的元素。返回從原數組中指定開始下標n到結束下標m(不包括m)之間的項組成的新數組,如果只傳入一個參數，則截取該下標到數組結尾，不改變原數組。

var arr = [1,2,3,4,5]
console.log(arr.slice(1,3)) // 輸出新數組[2,3]。

9、splice(n,length) 刪除：兩個參數，要刪除的第一項的位置和要刪除的個數，返回被刪除的元素組成的新數組,原數組被改變。

var arr = ["a", "b", "c"]
console.log(arr.splice(1, 2)) // 輸出新數組["b","c"]。

splice(n,length,x) 刪除后添加，從下表為n的位置刪除length個元素，然后在刪除的位置添加元素x,length可以為0，則只添加不刪除

arr.splice(1,2,"d")  // 原數組變為["a","d"]。

10、indexOf(item, [m]): 查找目標元素item在數組當中的下標,m代表從什么位置開始查找，可省略。返回被查找元素的下標,如不存在，則返回-1。lastIndexOf(n,[m]) 從數組的末尾開始向前查找

var arr = ["a","b","c"]
console.log(arr.indexOf("b")) // 輸出1
console.log(arr.indexOf("f")) // 輸出-1

11、forEach(function(value,index,arr){}): 對數組進行遍歷循環，對數組中的每一項運行給定的函數。這個方法沒有返回值。參數分別為遍歷的數組內容(value)，對應內容的下標(index)，原數組(arr)。

var arr = ["a","b","c"]
arr.forEach(function(value, index){
   console.log(value +"===>"+ index)
})
// 輸出 a===>0, b===>1, c===>2

12、map(function(value,index,arr){}): 對數組中的每一項運行給定的函數，返回每次函數調用的結果組成的新數組。

var arr = [1, 2, 3];
var resultArr = arr.map(function (value, index, arr) {
   return value * value;
})
console.log(resultArr) // 輸出新數組[1,4,9]

13、filter(function(value,index,arr){}): 過濾功能,數組中的每一項運行給定的函數，返回滿足過濾條件的元素組成的新數組。

var arr = [1,2,3,4,5,6]
var resultArr = arr.filter(function(value,index,arr){
   return value % 2 === 0            
})
console.log(resultArr) // 將輸出新數組[2,4,6]

14、every(function(value,index,arr){})：判斷數組中的每一項是否都滿足條件，都滿足返回true，此方法相較于之前的幾個方法，返回值有差異，是一個布爾值。

var arr = [1, 2, 3, 4, 5, 6];
var flag = arr.every(function (value, index, arr) {
   return value < 10;
})
console.log(flag) // 輸出 true。數組中的所有元素都小于10

15、some(function(value,index,arr){})：判斷數組中是否存在滿足條件的項，只要有一項滿足條件，就會返回true。

16、find(function(value,index,arr){})：用于找出第一個符合條件的數組成員，并返回該元素。

var arr = [1,2,4,5,3,6,7]
var num = arr.find(function(value,index.arr){
  return value > 2           
})
console.log(num) // 將輸出4。4 為數組中滿足條件的第一個元素，后面的元素將不會在進行遍歷篩選。

17、findIndex(function(value,index,arr){})：返回第一個符合條件的數組成員的位置。也就是滿足條件的那個成員的index值

18、Array.from()：該方法用于將類似數組的對象和可遍歷的對象轉化為真正的數組。

var obj = {
   "0": "a",
   "1": "b",
   "2": "c",
   length: 3             
}
console.log(Array.from(obj)) // 輸出數組 ["a","b","c"]

19、Array.of()：用于將一組值轉化為數組

console.log(Array.of(1,2,3,4,5)) //輸出數組[1,2,3,4,5]

20、includes()：返回一個布爾值，表示某個數組中是否包含給定的值。

var arr = ["a","b","c"]
console.log(arr.includes("a")) //輸出 true
console.log(arr.includes("d")) //輸出 false

GPU云服務器云服務器 javascript數組方法 16種常用的數據分析方法匯總數組方法數組操作方法

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

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

JS 數組方法學習匯總

摘要：整個數組的大操作轉換拼接排序倒置這個方法是將數組轉換為字符串，數組元素間用傳進去的參數沒有參數就用分隔這個方法用于拼接兩個數組并返回一個新的數組。看代碼吧打印整個數組這個方法是對數組的每一項運行給定函數，返回每一項返回結果組成的數組。前言在 JS 中我們數組用的是比較多的了，它自帶了很多方法可以用，省去了我們時間，特別是 ES6 當中對數組的擴展讓數組具有了更強大的功能，為了以后使...

PAMPANG 2019-08-23 14:10 評論0 收藏0
2017-07-17 前端日報

摘要：前端日報精選聽說你沒來總結個人使用過的移動端布局方法新特性簡介用寫組件坦然面對應對前端疲勞中文深入理解筆記函數前端架構經驗分享系列教程之創建頁面元素龍云全棧系列教程之定位頁面元素龍云全棧第期與表單驗證技術周刊期知乎 2017-07-17 前端日報精選聽說你沒來 JSConf 2017?總結個人使用過的移動端布局方法 - Rni-L - SegmentFaultNode.js v8....

caiyongji 2019-08-20 18:04 評論0 收藏0
從Timer中學習優先隊列的實現

摘要：從中學習優先隊列的實現是定時器的實現，用來調度定時執行的任務和執行一次的任務，就像的和的意思，它也可以作為后臺程序運行。通過和的方法可以保證整個優先隊列的關系，保證的是最小的。作用是構建堆，可以從的數組構建堆，來表示優先隊列。從Timer中學習優先隊列的實現 Timer是Java定時器的實現，用來調度定時執行的任務和執行一次的任務，就像JavaScript的setInterval和s...

anquan 2019-08-16 10:32 評論0 收藏0
Vue + ArcGIS API for JavaScript 構建前端GIS應用（一）

摘要：技術路線的選擇技術學習內容匯總技術路線的選擇項目的技術路線是使用構建一套前端應用，更加具體的技術路線實際上是，應用到了技術棧加上了最新版的。不管怎么說，以這次項目對的使用體驗挺好。本次項目沒有使用開源的要求，自然是最好的選擇。寫這篇總結的意義：總結，回顧，反思項目進行過程和這套Vue + ArcGIS API for JavaScriptGIS前端應用技術路線，從項目與技術兩個方面積...

lufficc 2019-08-23 18:30 評論0 收藏0
【underscore 源碼解讀】JavaScript 中如何判斷兩個元素是否 "相同&q

摘要：最近開始看源碼，并將源碼解讀放在了我的計劃中。后文中均假設比較的兩個參數為和。，如果和均是類型或者類型，我們可以用來判斷是否。 Why underscore 最近開始看 underscore.js 源碼，并將 underscore.js 源碼解讀放在了我的 2016 計劃中。閱讀一些著名框架類庫的源碼，就好像和一個個大師對話，你會學到很多。為什么是 underscore？最主要的原...

yhaolpz 2019-08-19 18:24 評論0 收藏0