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 页
版权声明:本文标题:js 数组常用的迭代方法 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1704791555h462401.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论