js 中數組的常用方法總結

luckyw 發布于2019-08-22 17:25 / 3214人閱讀

摘要：在為的位置，刪除個元素，插入刪了為的元素，替換為刪了為的元素數組的增刪改都可以用完成返回從原數組中指定開始下標到結束下標之間的項組成的新數組該方法不會改變原始數組。不傳值表示克隆了除了正常用法，經常用來將對象轉換為。

js 中數組的常用方法總結

arr.fill("a");
//所有子元素都改為 "a";

[{a: 1},{b: 2}, ...Array(8).fill({}, 0)]

//后面八個元素全部用 {} 代替；

[{a: 1},{b: 2}, ...Array(8).fill({}, 0，5)]

//后面5 個元素用{}代替，其他是 undefined

arr.every(item=> item.age>20);
//如果數組中所有元素的age >20 ，返回true，否則返回false；

arr.some(item=> item.age>20);
//如果數組中有一個元素的age >20 ，返回true，否則返回false；

findIndex（），find( ) 和 filter（）都是匹配 item；
區別是 find 只找到第一個就停止， find 返回的是符合的item
filter 返回所有匹配的item組成的數組；
findIndex 返回的是 item的index；

lastIndexOf() ，indexOf() 和 includes() 都是檢查是否存在某個item；

 區別是  indexof 無法判斷NaN ;includes 可以；

indexof 找不到返回 -1，找到返回index；
includes() 直接返回 true 或 false；
lastIndexOf() 從字符后面開始查找，返回最后一個匹配的index，找不到就返回 -1；

pop()：刪除原數組最后一項，并返回刪除元素的值；如果數組為空則返回undefined，改變原數組
shift：刪除原數組第一項，并返回刪除元素的值；如果數組為空則返回undefined，改變原數組
unshift：將參數添加到原數組開頭，并返回數組的長度，改變原數組
push：將參數添加到原數組末尾，并返回數組的長度，改變原數組
concat：返回一個新數組，是將參數添加到原數組中構成的，不改變原數組；

splice() 方法向/從數組中添加/刪除項目，然后返回被刪除的項目,該方法會改變原始數組。
arr.splice(2,0,"a") 在index為2的位置，刪除0 個元素，插入 "a";
arr.splice(2,1,"a") 刪了index 為2 的元素，替換為 "a";
arr.splice(2,1,"a") 刪了index 為2 的元素;
數組的增刪改都可以用splice 完成；

slice(start,end)：返回從原數組中指定開始下標到結束下標之間的項組成的新數組,該方法不會改變原始數組。
var arr2 = arr.slice() ; 不傳值表示克隆了 arr2；
除了正常用法，slice 經常用來將 array-like 對象轉換為 true array。在一些框架中會經常有這種用法:

Array.prototype.slice.call(arguments);//將參數轉換成真正的數組.

reverse：將數組反序
sort(（a,b）=>a-b)：按指定的參數對數組進行排序 return a-b 升序 b-a 降序

例如： var arr=[{name:"a",age:21},{name:"b",age:12},{name:"c",age:2},{name:"d",age:42},{name:"e",age:1}]
按照age 從小到大排序

arr = arr.sort(function (a,b) {
   return a.age>b.age
   })
console.log(arr)

arr.join(";") 方法用于把數組中的所有元素放入一個字符串,;隔開。
str.split(";") 字符串轉數組，以‘;’區分;

arr.forEach（item=>{}）
遍歷數組,它不能停止循環；

reduce()

改變原數組的：

shift：將第一個元素刪除并且返回刪除元素，空即為undefined
unshift：向數組開頭添加元素，并返回新的長度
pop：刪除最后一個并返回刪除的元素
push：向數組末尾添加元素，并返回新的長度
reverse：顛倒數組順序
sort：對數組排序
splice:splice(start,length,item)刪，增，替換數組元素，返回被刪除數組，無刪除則不返回
不改變原數組的：

concat：連接多個數組，返回新的數組
join：將數組中所有元素以參數作為分隔符放入一個字符
slice：slice(start,end)，返回選定元素
map,filter,forEach,some,every等不改變原數組

GPU云服務器云服務器 js創建數組的方法 js中數組的大小 js查找數組中重復的 js取數組中的數據

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

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

JS 數組常用API方法和遍歷方法總結

摘要：數組語法功能遍歷數組，返回回調返回值組成的新數組，不改變原數組，不會對空數組進行檢測語法功能無法，可以用中來停止，不改變原數組語法功能過濾，返回過濾后的數組，不改變原數組，不會對空數組進行檢測語法功能有一項返回，則整體為，不改變原數組語法數組 (array) ES5 * map 語法：[].map(function(item, index, array) {return xxx})功...

TNFE 2019-08-23 16:51 評論0 收藏0
JS總結篇--[總結]JS常用方法與片段

摘要：元素是通過指定的分隔符進行分隔的。返回值一個字符串數組，執行的操作與執行的操作是相反的。返回值與沒有參數的方法返回的字符串相同。 1.javascript刪除元素節點 IE中有這樣一個方法:removeNode()，這個方法在IE下是好使的，但是在Firefox等標準瀏覽器中就會報錯了 removeNode is not defined，但是在核心JS中有一個操作DOM節點的方法叫：r...

spacewander 2019-08-21 11:33 評論0 收藏0
JS數組去重總結

摘要：數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。在實際項目中碰到的數組去重，一般都是后臺去處理，很少讓前端處理數組去重。數組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。數組去重，一般會在面試的時候才會碰到，要求手寫數組去重方法的代碼。如果是被提問到，數組去重的方法有哪些？你能答出其中的10種，面試官很有可能對你刮目相看。在實際項目中碰到的...

whinc 2019-08-02 16:09 評論0 收藏0
javascript中Array常用方法總結

摘要：函數接受個參數前一個值，當前值，項索引，數組本身。更多數組方法請看 js內置對象之Array 一，會改變原數組 1.移除數組末尾最后一項.pop() 返回刪除的元素如果你在一個空數組上調用 pop()，它返回 undefined let word = [a, b, c, d]; let newArr = word.pop(); console.l...

harriszh 2019-08-22 15:42 評論0 收藏0