数组函数forEach()、map()、filter()、includes()、find()、every()、some()的使用

1. forEach()

遍历数组全部元素，利用回调函数对数组进行操作，自动遍历数组.length次数

示例：

 var arr = [6, 5, 4];
 var total = 0;
 arr.forEach(function(value, index, arr) {
    console.log('当前值：' + value);
    console.log('当前值对应的索引：' + index);
    console.log('原数组：' + arr);
    total += value
 });
 console.log(total);

控制台显示

2. map()

1、创建新数组

2、不改变原数组

3、输出的是return什么就输出什么新数组

4、回调函数参数，item(数组元素)、index(序列)、arr(数组本身)

5、使用return操作输出，会循环数组每一项，并在回调函数中操作

  var arr = [6, 5, 4];
  var arrNew = [];
  arrNew = arr.map(function(item, index, arr) {
       console.log('当前值：' + value);
       console.log('当前值对应的索引：' + index);
       console.log('原数组：' + arr);
       return value * value
  });
  //map返回新数组
 console.log(arrNew);

控制台显示

3. filter()

1、创建新数组

2、不改变原数组

3、输出的是判断为true的数组元素形成的新数组

4、回调函数参数，item(数组元素)、index(序列)、arr(数组本身)

5、使用return操作输出，会循环数组每一项，并在回调函数中操作

   var arr = [6, 5, 4];
   var arrNew = [];
   arrNew = arr.filter(function(value, index, arr) {
     console.log('当前值：' + value);
     console.log('当前值对应的索引：' + index);
     console.log('原数组：' + arr);
     return value % 2 == 0;
  });
  //filter返回新数组
  console.log(arrNew);

控制台显示

4. includes()

只是判断数组是否含有某值，不用return，不用回调函数，输出一个true或false

//include():
var arr = [1,2,4,5] ;
var new1 = arr.includes(5);    //不用回调函数，且是完全匹配才行如原数组是55则flase（实用性不如正则）
var new2 = arr.includes(3);
console.log(new1);  //控制台显示 true
console.log(new2); //控制台显示 false

5. find()

输出的是一旦判断为true则跳出循环输出符合条件的数组元素

var arr = [1,2,3,4,5] ;
var new = arr.find(function(item,index){
		return item>2&&item<5 ;    //当遍历循环到判断到一个为true则跳出循环，输出当前数组元素，不再循环
})
console.log(new1);       //打印操作后的结果  3
console.log(arr);        //打印原数组，find()没有改变原数组  [1,2,3,4,5]

6. every()

输出的是判断为false则马上跳出循环并return成false

与some相反 some 输出的是判断为true则马上跳出循环并return成true

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}
 // 输出 false

7. some()

输出的是判断为true则马上跳出循环并return成true

var ages = [3, 10, 18, 20];

function checkAdult(age) {
    return age >= 18;
}
 // 输出 true