js(ES6+)数组学习
1.Array.prototype.forEach(fn)
遍历数组，传一个函数，每次遍历会运行该函数
const arr = [45, 7, 2, 4, 1, 57, 3]
// for (const item of arr) {
// console.log(item);
// }
// arr.forEach(function(item){
// console.log(item);
// });
//遍历时函数里其实有三个参数，需要的时候，可以把数据下标和数组本身
arr.forEach(function(item,index,arr){
console.log(item,index,arr);
});
2.Array.prototype.map(fn)
数组映射，传入一个函数，映射数组中的每一项，不会改动原数组，然后返回一个新的数组！
const arr = [45, 7, 2, 4, 1, 57, 3]
//数组每一项翻倍
const newArr = arr.map(function(item){
return item*2;
});
console.log(newArr)
//随意用，比如返回一个对象
const newArr1 = arr.map(function(item){
return{
n : item,
doubleN : item*2
};
});
console.log(newArr1,'newArr1')
3.Array.prototype.filter(fn)
数组筛选，传入一个函数，仅保留满足条件的项。不会改变原数组，然后返回一个新数组！
const arr = [45, 7, 2, 4, 1, 57, 3]
//返回 和原数组一样的内容
const newArr = arr.filter(function (item){
return true;
});
//返回新数组是个空数组，false把每一项都排除掉了
const newArr1 = arr.filter(function (item){
return false;
});
//返回奇数数组
const newArr2 = arr.filter(function (item){
return item % 2 !== 0;
});
console.log(newArr2)
4.Array.prototype.reduce(fn)
数组聚合，传入一个函数，对数组每一项按照该函数的返回聚合。 数组聚合相对复杂一点，但是多用于求和，简单理解很多项揉成一项就能用reduce。
const arr = [45, 7, 2, 4, 1, 57, 3]
const sum = arr.reduce(function(a,b){
return a+b;
},0);
console.log(sum,'求和')
/**
* 详细分析:
* reduce函数里 有两个参数，一个function，第二个默认值0。到底是怎么运行的：
* reduce一开始在内部开了一个空间，记录一开始的结果(用result代表)就是第二个参数，为0。
* 然后function开始运行，把result为0这个结果给第一项a，我们数组arr第一项 45给b，a始终是
* 当前的结果，当前结果是0，45给b，返回a+b=45，result就更新为45，这时候又把result=45 传给a，
* arr第二个元素7给b，返回 a+b=52，result就更新为52，再次传给a，往复下去。直到b为3，
* return a+b，最终结果为119
*/
5.Array.prototype.some(fn) every
const arr = [45, 7, 2, 4, 1, 57, 3]
//只要有一个元素满足条件就返回true，否则false
const result = arr.some(function (item) {
return item > 50;
});
console.log(result,'结果')
//所有元素都要满足条件返回true，否则false
const result1 = arr.every(function (item) {
return item > 0;
});
console.log(result1,'结果1')
6.Array.prototype.find(fn)
传入一个函数，找到数组中第一个能通过改函数测试的项
返回满足条件的元素，但是有两个元素满足条件时候，返回的还是第一个元素，怎么解决。用filter就行。文章来源：https://www.toymoban.com/news/detail-650718.html
const arr = [45, 7, 2, 4, 1, 57, 3,54]
const result = arr.find(function(item){
return item > 50;
});
console.log(result)
7.Array.prototype.includes(item)
判断数组中是否存在item，判定规则使用的是Object.is。传的不是函数了，传的是元素。//object.is({},{}) object.is(1,1),object.is理解为===文章来源地址https://www.toymoban.com/news/detail-650718.html
const arr = [45, 7, 2, 4, 1, 57, 3,54]
const result = arr.includes(2)
console.log(result)
到了这里，关于js数组学习（ES6+）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
