js 中數(shù)組的常用方法總結(jié)

luckyw 發(fā)布于2019-08-22 17:25 / 3227人閱讀

摘要：在為的位置，刪除個(gè)元素，插入刪了為的元素，替換為刪了為的元素?cái)?shù)組的增刪改都可以用完成返回從原數(shù)組中指定開始下標(biāo)到結(jié)束下標(biāo)之間的項(xiàng)組成的新數(shù)組該方法不會(huì)改變?cè)紨?shù)組。不傳值表示克隆了除了正常用法，經(jīng)常用來將對(duì)象轉(zhuǎn)換為。

js 中數(shù)組的常用方法總結(jié)

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

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

//后面八個(gè)元素全部用 {} 代替；

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

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

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

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

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

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

 區(qū)別是  indexof 無法判斷NaN ;includes 可以；

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

pop()：刪除原數(shù)組最后一項(xiàng)，并返回刪除元素的值；如果數(shù)組為空則返回undefined，改變?cè)瓟?shù)組
shift：刪除原數(shù)組第一項(xiàng)，并返回刪除元素的值；如果數(shù)組為空則返回undefined，改變?cè)瓟?shù)組
unshift：將參數(shù)添加到原數(shù)組開頭，并返回?cái)?shù)組的長(zhǎng)度，改變?cè)瓟?shù)組
push：將參數(shù)添加到原數(shù)組末尾，并返回?cái)?shù)組的長(zhǎng)度，改變?cè)瓟?shù)組
concat：返回一個(gè)新數(shù)組，是將參數(shù)添加到原數(shù)組中構(gòu)成的，不改變?cè)瓟?shù)組；

splice() 方法向/從數(shù)組中添加/刪除項(xiàng)目，然后返回被刪除的項(xiàng)目,該方法會(huì)改變?cè)紨?shù)組。
arr.splice(2,0,"a") 在index為2的位置，刪除0 個(gè)元素，插入 "a";
arr.splice(2,1,"a") 刪了index 為2 的元素，替換為 "a";
arr.splice(2,1,"a") 刪了index 為2 的元素;
數(shù)組的增刪改都可以用splice 完成；

slice(start,end)：返回從原數(shù)組中指定開始下標(biāo)到結(jié)束下標(biāo)之間的項(xiàng)組成的新數(shù)組,該方法不會(huì)改變?cè)紨?shù)組。
var arr2 = arr.slice() ; 不傳值表示克隆了 arr2；
除了正常用法，slice 經(jīng)常用來將 array-like 對(duì)象轉(zhuǎn)換為 true array。在一些框架中會(huì)經(jīng)常有這種用法:

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

reverse：將數(shù)組反序
sort(（a,b）=>a-b)：按指定的參數(shù)對(duì)數(shù)組進(jìn)行排序 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(";") 方法用于把數(shù)組中的所有元素放入一個(gè)字符串,;隔開。
str.split(";") 字符串轉(zhuǎn)數(shù)組，以‘;’區(qū)分;

arr.forEach（item=>{}）
遍歷數(shù)組,它不能停止循環(huán)；

reduce()

改變?cè)瓟?shù)組的：

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

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