js 数组常用的迭代方法
【原创实用版3篇】
《js 数组常用的迭代方法》篇1
JavaScript 中常用的数组迭代方法包括:
1. for 循环:
```javascript
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
```
2. forEach 方法:
```javascript
arr.forEach(function (value, index, array) {
console.log(value);
});
```
3. for-in 循环:
```javascript
for (let index in arr) {
console.log(arr[index]);
}
```
注意:这个方法不推荐使用,因为它会遍历数组的所有属性,包括非整数类型的属性。
4. map 方法:
```javascript
let newArr = arr.map(function (value, index, array) {
return value * 2;
});
console.log(newArr);
```
5. filter 方法:
```javascript
let newArr = arr.filter(function (value, index, array) {
return value > 10;
});
console.log(newArr);
```
6. reduce 方法:
```javascript
let sum = duce(function (prevValue, currentValue, index, array) {
return prevValue + currentValue;
});
console.log(sum);
```
7. find 方法:js原型和原型链的理解
```javascript
let found = arr.find(function (value, index, array) {
return value === 10;
});
console.log(found);
```
8. findIndex 方法:
```javascript
let index = arr.findIndex(function (value, index, array) {
return value === 10;
});
console.log(index);
```
这些方法可以帮助你遍历和操作数组。
《js 数组常用的迭代方法》篇2
JavaScript 中的数组提供了许多迭代方法,这些方法可以帮助您在数组中执行常见的操作。以下是一些常用的迭代方法:
1. for 循环:
`for (let i = 0; i < arr.length; i++) { /* 循环体 */ }`
这种方法适用于需要遍历整个数组的情况。
2. forEach 方法:
`arr.forEach(function (currentValue, index, array) { /* 循环体 */ });`
forEach 方法接受一个函数作为回调,该函数在数组中的每个元素上调用。回调函数的第一个参数是当前元素的值,第二个参数是元素的索引,第三个参数是整个数组。
3. for-in 循环:
`for (let index in arr) { /* 循环体 */ }`
for-in 方法遍历数组的所有可枚举属性,包括数字索引和非整数类型的属性。这种方法不太推荐使用,因为非整数类型的属性可能会导致意外结果。
4. map 方法:
`arr.map(function (currentValue, index, array) { return someOperation(currentValue); });`
map 方法遍历数组并将每个元素传递给指定的函数,然后返回一个由新值组成的数组。
5. filter 方法:
`arr.filter(function (currentValue, index, array) { return someCondition; });`