JS陣列常用方法 13 5個迭代方法

2022-03-23 13:28:12 字數 2438 閱讀 9379

es5中新增了5個迭代方法,分別是foreach(遍歷陣列),map(遍歷加工陣列),filter(遍歷過濾陣列),some(遍歷檢測部分元素是否滿足條件),every(遍歷檢測是否全部元素滿足條件)

foreach()

作用:遍歷陣列

引數:回到函式,arr.foreach(callback(currentvalue [, index [, array]]))

返回值:無(undefined)

是否影響原陣列:不影響

foreach:遍歷陣列

map:遍歷陣列返回乙個新的陣列,返回加工之後的值

filter:遍歷過濾出的乙個新的子陣列,返回條件為true的值

some:檢測陣列中的部分(some)元素是否滿足條件

every:檢測陣列中的全部(every,每乙個)元素是否滿足條件

es5中新增的5個迭代方法的引數都是乙個**函式,這個函式有乙個必須的引數value(當前值),可選引數index(當前值的索引),可選引數array(當前陣列)是bool值true或者false,因為some方法是看陣列中是否有元素滿足條件,every方法是看陣列中全部的的元素是否滿足條件map方法和filter方法的返回值都是陣列,map方法返回加工後的元素組成的陣列,filter方法返回符合條件的元素組成的陣列

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>5個迭代方法

title

>

6head

>

7<

body

>836

<

script

>

37//

1、foreach()方法遍歷 連續陣列

38//

let arr=[5,54,12,4,1,23,111];

39//

arr.foreach(function (value,index,array) );

4445

//foreach()方法遍歷 非連續陣列

46//

let arr=;

47//

arr[1]='a';

48//

arr[5]='g';

49//

arr[10]='h';

50//

arr.foreach(function (value,index) );

5455

//2、map方法遍歷加工陣列

56//

let arr=[5,54,12,4,1,23,111];

57//

let new_arr=arr.map(function (value,index,array) );

63//

console.log(arr);

64//

console.log(new_arr);

6566

//3、filter方法遍歷過濾陣列

67//

let arr=[5,54,12,4,1,23,111];

68//

let new_arr=arr.filter(function (value,index,array) );

71//

console.log(arr);

72//

console.log(new_arr);

7374

//4、some方法檢測陣列中是否有元素(some)滿足條件

75//

let arr=[5,54,12,4,1,23,111];

76//

let bool_val=arr.some(function (value,index,array) );

79//

console.log(arr);

80//

console.log(bool_val);

8182

//5、every方法檢測陣列中是否所有(every)元素滿足條件

83let arr=[

5,54,

12,4,

1,23,

111];

84let bool_val

=arr.every(

function

(value,index,array) );

88console.log(arr);

89console.log(bool_val);

9091

script

>

92body

>

93html

>

js陣列迭代方法

對陣列的每一項執行給定函式,如果該函式對每一項都有返回true,則返回true。接受三個引數 專案值,專案索引,陣列本身 var txt var numbers 45,4,9,16,25 numbers.foreach myfunction function myfunction value,ind...

js陣列定義的5個迭代方法

js為陣列定義了5個迭代方法。要在每一項上執行的函式和執行該函式的作用域物件 影響this的值。傳入這些方法中的函式會接收三個引數 1.陣列項的值 2.該項在陣列中的位置 3.陣列物件本身。以下是這5個迭代方法的作用 1 every 對陣列中的每一項執行給定函式,如果該函式對每乙個項都返回true,...

JS陣列迭代方法總結

ecmascript在第五個版本之後,發布了一些新特性,現做如下總結。1 every 對於陣列每乙個元素進行函式的執行,若每乙個函式都返回true,則結果為true,否則為false 例 var arr 1,2,3,4,3,5 var result arr.every function item,i...