es5陣列的新方法

2022-09-14 17:57:17 字數 2423 閱讀 5999

1.every方法

//邏輯判斷返回值為乙個boolean值

every方法就是每乙個返回函式的返回值都是true的時候,才為true,否則為false

var arr=[1,2,5,88,5,555,856,444];

var checkresult=arr.every((item,index,arr)=>)

console.log(checkresult)

//false

形參:item index arr

item為陣列中的每乙個值,

index為索引值

arr為陣列

2.some方法

於every方法剛好相反(就是返回值如果有乙個為true的時候則為true)

var arr=[1,2,5,88,5,555,856,444];

var checkresult=arr.some((item,index,arr)=>)

console.log(checkresult)

//true

3.indexofhelastindexof

該方法是查詢陣列內指定元素的下標(索引值)的方法,如果頭則返回索引值 ,如果沒有則返回-1

indexof是從前往後查詢,返回的索引值是第乙個查詢的數的索引值

lastindexof則是從後往前找,返回的索引值則是從後開始找的第乙個匹配到的索引值

var arr=[1,2,5,88,5,555,856,444,1];

console.log(arr.indexof(1)) //

0 console.log(arr.lastindexof(1)) //

8

4.foreach方法

foreach方法為遍歷陣列,引數為乙個**函式,**函式有三個引數

方法和for迴圈的使用基本上一致

var arr=[1,2,5,88,5,555,856,444,1];

var sum=0;

arr.foreach((value,index,arr)=>)

console.log(sum)

5.map方法的使用

便利陣列,**函式。返回值在操作之後生成乙個新的陣列,新陣列索引結構與元陣列一致,元陣列保持不變

var arr=[1,2,5];

console.log(arr.map((value)=>));

//返回的是乙個陣列[1,4,25]

//元陣列不變[1,2,5]

6.filter方法

filter返回的是乙個子集,用來判斷是否返回,返回是true就吧當前元素加入到返回陣列中,false就不新增,元陣列保持不變

必須要有return值

var arr=[1,2,5,6,67,8,9];

const arr2 =arr.filter((item)=>)

console.log(arr)

//[1,2,5,6,67,8,9]

console.log(arr2)//

[6,67,8,9]

7.reduce方法

便利陣列,呼叫**函式,將陣列的元素合成乙個值,元陣列保持不變

var arr=[1,2,3,4,5,6,7,8,9]

const arr2=arr.reduce((pre,nex,index,arr)=>,0)

console.log(arr2)

reduce有兩個引數

第乙個為**函式,第二個為x(0,1)

如果不加第二個引數,那麼便利就會少一次,

第一張就是沒有第二個引數的效果,第二章為有第二個引數的效果

沒有第二個引數就會少乙個

8.find方法

find查詢的是value值,如果有的話就會返回value值

findindex查詢的是索引值,如果有的時候找的索引值,如果沒有就是返回的是-1

//

查詢元素

var arr = [1,2,5,6,9,56]

const arre=arr.find((val,index,arr)=>)

console.log(arre)

//只會返回乙個值,返回第乙個符合要求的值

//找不到返回的是undefined

var arr3 = [1,2,5,6,9,56]

const arr4=arr.findindex((val,index,arr)=>)

console.log(arr4)

js中ES5新方法

迴圈 foreach map 這兩個都是迴圈陣列,但是foreach沒有返回值,而map有返回值 foreach可以理解為讓在遍歷每個元素的時候,去做一件事,而不用返回值,在遍歷是return會不起作用,不會中斷遍歷,除非程式異常 map可以理解為讓每個元素去做一件事,然後返回這個新值,返回的是乙個...

es6陣列新方法

1 array.from aarr,fn,obj functionfn dr,sd,d console.log arr3 fn 1,2,2 2 array.of 將一組值轉化為陣列 可用此方法建立乙個陣列 function console.log result 3 find findindex fu...

ES6 陣列的新方法

1.array.of 方法建立乙個具有可變數量引數的新陣列例項,而不考慮引數的數量或型別。array.of 和 array 建構函式之間的區別在於處理整數引數 array.of 7 建立乙個具有單個元素7的陣列,而array 7 建立乙個長度為7的空陣列 array n 即建立length為n的空陣...