js数组高级方法
JavaScript中的数组是一种特殊的对象,可以存储多个值,并提供了一系列的高级方法来操作和处理这些值。下面是JavaScript中常用的一些数组高级方法:
1. forEach:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数。回调函数参数包括当前元素、当前索引和原始数组。
```javascript
let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index, array)
console.log(item, index, array);
});
//输出:
/
/10[1,2,3,4,5]
//21[1,2,3,4,5]
//32[1,2,3,4,5]
//43[1,2,3,4,5]
//54[1,2,3,4,5]
```
2. map:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,并将返回值组成一个新的数组返回。
```javascript
let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(item)
return item * 2;
});
console.log(newArr); // 输出:[2, 4, 6, 8, 10]
```
3. filter:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,如果回调函数返回true,则保留该元素,否则删除该元素。
```javascript
let arr = [1, 2, 3, 4, 5];jsarray删除元素
let newArr = arr.filter(function(item)
return item % 2 === 0;
});
console.log(newArr); // 输出:[2, 4]
```
4. reduce:该方法接受一个回调函数作为参数,对数组中的所有元素执行该回调函数,返回一个累加结果。
```javascript
let arr = [1, 2, 3, 4, 5];
let sum = duce(function(total, item)
return total + item;
},0);
console.log(sum); // 输出:15
```
5. some:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,如果回调函数返回true,则返回true;如果所有元素都返回false,则返回false。
```javascript
let arr = [1, 2, 3, 4, 5];
let result = arr.some(function(item)
return item > 3;
});
console.log(result); // 输出:true
```
6. every:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,如果回调函数对所有元素都返回true,则返回true;如果有一个元素返回false,则返回false。
```javascript
let arr = [1, 2, 3, 4, 5];
let result = arr.every(function(item)
return item > 0;
});
console.log(result); // 输出:true
```
7. find:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,返回第一个使回调函数返回true的元素。
```javascript
let arr = [1, 2, 3, 4, 5];
let result = arr.find(function(item)
return item > 3;
});
console.log(result); // 输出:4
```
8. findIndex:该方法接受一个回调函数作为参数,对数组中的每个元素执行该回调函数,返回第一个使回调函数返回true的元素的索引。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论