陣列遍歷的方法以及區別

2022-09-11 08:57:12 字數 1658 閱讀 9998

1.for迴圈

避免重複獲取陣列長度,當陣列較大時優化明顯

for(let j = 0 , len = arr.length ; j < len ; j++ )2.foreach迴圈

遍歷陣列中的每一項,沒有返回值,對原陣列(對基礎資料型別無法修改,引用資料型別可以修改)沒有影響,不支援ie

const array = [1, 2, 3, 4];

array.foreach((item,index,arr) => )

console.log(array); // [1,2,3,4]

3.map迴圈

有返回值,可以return出來

map的**函式中支援return返回值;return的是啥,相當於把陣列中的這一項變為啥(並不影響原來的陣列,只是相當於把原陣列轉殖乙份,把轉殖的這乙份的陣列中的對應項改變了);

var ary = [12,23,24,42,1];

var res = ary.map(function ( item,index,ary ) )

console.log(res);//-->[120,230,240,420,10]; 原陣列拷貝了乙份,並進行了修改

console.log(ary);//-->[12,23,24,42,1]; 原陣列並未發生變化

4.forof遍歷

只能對陣列使用,直接得到值

let arr = [1, 2, 3, 4, 5, 6, 7]

let arr2 = new array();

for (let val of arr)

}console.log(arr2) // [6,7]

5.filter遍歷

不會改變原始陣列,返回新陣列

arr.filter( (item,index,arr) => )

6.every遍歷

對原陣列給定乙個函式,如果每一項都符合條件則返回true,否則返回false

var arr = [ 1, 2, 3, 4, 5, 6 ];

console.log( arr.every( function( item, index, array )));

// false

7.some遍歷

對原陣列給定乙個函式,如果有一項都符合條件則返回true,否則返回false

var arr = [ 1, 2, 3, 4, 5, 6 ];

console.log( arr.some( function( item, index, array )));

// true

8.reduce

從左至右運算元組中的每乙個值,引數為 前一項的值 下一項的值 索引 陣列

arr.reduce( ( previousvalue, currentvalue,index,array ) => )

9.reduceright

從右至左運算元組每一項的值,引數和reduce相同,但是方向相反

arr.reduce( ( previousvalue, currentvalue,index,array ) => )

10.find

find()方法返回陣列中符合篩選條件的第乙個元素,否則返回undefined

let arr = [1,2,3,4,5,8]

arr.find( (item)=>)

// 8

陣列的遍歷方法

一 什麼是陣列遍歷 陣列的遍歷就是就是對陣列所有元素進行訪問,根據需要對所需要的元素進行操作,例如在字串陣列中對字串進行輸出顯示。二 陣列的幾種遍歷方式及舉例 1 當我們定義某一型別的陣列時,對應的陣列名代表所對應陣列的首元素的位址,對陣列遍歷時可以用陣列名進行遍歷,例如 1 輸入三個整數時 sca...

陣列的遍歷方法

一 for of 遍歷出陣列中的每個值 for in每個值的下標 let f70 a b c d e f g for.of 遍歷出陣列中的每個值 for let item of f70 for.in 遍歷出陣列中每個值的下標 for let item in f70 二 map不會改變原陣列 會有返回...

js基礎 陣列的四個方法以及陣列的遍歷

doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title document title script 建立乙個陣列 v...