admin 管理员组

文章数量: 887021


2024年1月9日发(作者:arguments的特点)

js 数组常用的迭代方法

【原创实用版3篇】

《js 数组常用的迭代方法》篇1

JavaScript 中常用的数组迭代方法包括:

1. for 循环:

```javascript

for (let i = 0; i < ; i++) {

(arr[i]);

}

```

2. forEach 方法:

```javascript

h(function (value, index, array) {

(value);

});

```

3. for-in 循环:

```javascript

for (let index in arr) {

(arr[index]);

}

```

第 1 页 共 7 页

注意:这个方法不推荐使用,因为它会遍历数组的所有属性,包括非整数类型的属性。

4. map 方法:

```javascript

let newArr = (function (value, index, array) {

return value * 2;

});

(newArr);

```

5. filter 方法:

```javascript

let newArr = (function (value, index, array) {

return value > 10;

});

(newArr);

```

6. reduce 方法:

```javascript

let sum = (function (prevValue, currentValue, index, array)

{

return prevValue + currentValue;

});

第 2 页 共 7 页

(sum);

```

7. find 方法:

```javascript

let found = (function (value, index, array) {

return value === 10;

});

(found);

```

8. findIndex 方法:

```javascript

let index = dex(function (value, index, array) {

return value === 10;

});

(index);

```

这些方法可以帮助你遍历和操作数组。

《js 数组常用的迭代方法》篇2

JavaScript 中的数组提供了许多迭代方法,这些方法可以帮助您在数组中执行常见的操作。以下是一些常用的迭代方法:

1. for 循环:

`for (let i = 0; i < ; i++) { /* 循环体 */ }`

第 3 页 共 7 页

这种方法适用于需要遍历整个数组的情况。

2. forEach 方法:

`h(function (currentValue, index, array) { /* 循环体 */ });`

forEach 方法接受一个函数作为回调,该函数在数组中的每个元素上调用。回调函数的第一个参数是当前元素的值,第二个参数是元素的索引,第三个参数是整个数组。

3. for-in 循环:

`for (let index in arr) { /* 循环体 */ }`

for-in 方法遍历数组的所有可枚举属性,包括数字索引和非整数类型的属性。这种方法不太推荐使用,因为非整数类型的属性可能会导致意外结果。

4. map 方法:

`(function (currentValue, index, array) { return

someOperation(currentValue); });`

map 方法遍历数组并将每个元素传递给指定的函数,然后返回一个由新值组成的数组。

5. filter 方法:

`(function (currentValue, index, array) { return

someCondition; });`

filter 方法遍历数组,并根据指定条件返回满足条件的元素组成的新数组。

6. reduce 方法:

第 4 页 共 7 页

`(function (accumulator, currentValue, index, array) { /*

循环体 */ }, initialValue);`

reduce 方法遍历数组并将每个元素与初始值 accumulator 累积,最终返回一个值。

7. find 方法:

`(function (currentValue, index, array) { return

someCondition; });`

find 方法遍历数组,查找第一个满足指定条件的元素,然后返回该元素。如果数组中没有满足条件的元素,则返回 `undefined`。

8. findIndex 方法:

`dex(function (currentValue, index, array) { return

someCondition; });`

findIndex 方法遍历数组,查找第一个满足指定条件的元素的索引。如果数组中没有满足条件的元素,则返回 -1。

《js 数组常用的迭代方法》篇3

JavaScript 中的数组提供了许多常用的迭代方法,这些方法可以帮助您更轻松地处理数组。以下是一些常用的迭代方法:

1. for 循环:

`for (let i = 0; i < ; i++) { /* 循环体 */ }`

这种方法最简单,适用于各种情况。

2. forEach 方法:

`h(function (currentValue, index, array) { /* 循环体 */ });`

第 5 页 共 7 页

forEach 方法会为数组中的每个元素执行一次指定的函数,不会修改数组本身。

3. for-in 循环:

`for (let index in arr) { /* 循环体 */ }`

for-in 循环适用于处理具有象征性键值的数组,如对象。但需要注意的是,这种方法可能会遍历到数组对象的原型链上的属性。

4. for-of 循环:

`for (let value of arr) { /* 循环体 */ }`

for-of 循环适用于遍历数组、字符串、Map、Set 等具有迭代器的对象。它会返回每个元素的值。

5. map 方法:

`(function (currentValue, index, array) { return

someFunction(currentValue, index, array); });`

map 方法会创建一个新数组,并将原数组中的每个元素替换为调用函数的结果。

6. filter 方法:

`(function (currentValue, index, array) { return

someCondition; });`

filter 方法会创建一个新数组,只包含满足指定条件的原数组元素。

7. reduce 方法:

`(function (accumulator, currentValue, index, array) { /*

第 6 页 共 7 页

累积器函数 */ }, initialValue);`

reduce 方法会创建一个新数组,将原数组中的元素累积到一个累积器中。

8. concat 方法:

`(array);`

concat 方法会将两个或多个数组合并为一个新数组。

9. slice 方法:

`(start, end);`

slice 方法会提取原数组中的一部分元素,并创建一个新数组。

10. splice 方法:

`(index, howMany);`

splice 方法会在数组中添加或删除元素。

第 7 页 共 7 页


本文标签: 数组 方法 元素 遍历 函数