js --- 数组（3）forEach等类似语法

1.forEach()

    
   forEach()
     语法:数组名.forEach(function(){})
     作用:遍历数组,相当于是for循环的另外一种写法.
     数组中有几个数据,forEach就执行多少次
     注意:这个方法中传递的参数是一个函数,在这个函数可以写一些形参,这个形参的名字自己随便去起
        形参的个数可以写三个
            第一个形参指的是数组的数据,一般第一个形参的名字都起名为item
            第二个形参指的是数组的索引,一般第二个形参的名字都起名为index
            第三个形参指的是数组本身(原始数组),一般第三个形参的名字都起名为origin
    返回值:该方法没有返回值,结果是undefined
    注意:forEach尽量不要去做数据交换\删除数据这些操作,如果要做还是推荐使用for

    var arr = [100, 200, 300, 400, 500]
    var res = arr.forEach(function (a, b, c) {
        console.log('a:', a, "b:", b, "c:", c);
    })
    console.log(res);

    /* 
        小练习:
            将数组中的数据累加求和
            var arr = [100, 200, 300, 400, 500]
            步骤:
                1.先遍历数组,得到数组中每一个数据
                    遍历数组:第一种用for循环,第二种用forEach()
                2.定义一个保存和的变量,在循环中累加求和即可
    */
    var arr = [100, 200, 300, 400, 500]
    var sum = 0
    // 方法1：forEach()-------------------------------------
    arr.forEach(function (item) {
        sum += item  // item指的就是数组中的每一个数据
    })
    console.log(sum);
     //方法2：for的写法-------------------------------------
     for (var i = 0; i < arr.length; i++) {
         sum += arr[i]    // arr[i]就是数组中的每一个数据
     }

2.map()

map()//不更改原始数组
语法:数组名.map(function(item,index,origin){})
作用:映射数组(也就是可以对原始数组中的数据进行简单的加工处理,然后再返回值)
返回值:映射之后的新数组
注意点:映射的条件最终的结果一定写再return之后
//-----------------------------------------------
var arr = [100, 200, 300, 400, 500]
    // 利用map将数组的每个数据都增加30%
var res = arr.map(function (item) {
        return item *= 1.3
    })
console.log('map之后的原始数组:', arr);
console.log('map之后的返回值:', res);

3.filter()

filter()//不会改变原始数组
语法:数组名.filter(function(item,index,origin){})
作用:过滤数据,过滤器,可以对数组中的数据进行筛选
返回值:过滤之后的新数组
注意点:过滤条件依然是用return语句返回
//-------------------------------------------
    var arr = [100, 200, 300, 400, 500]
    // 利用filter过滤器从arr中筛出除数据小于400的,将符合条件的数据放到一个新数组中
    var res = arr.filter(function (item) {
        return item > 200 && item % 2 == 0
    })
    console.log(arr);
    console.log(res);

4.find()

find()
语法:数组名.find(function(item,index,origin){})
作用:在原始数组中查找满足条件的第一项数据
返回值:就是找到的满足条件的数据,如果没有就返回undefined
注意:查找条件要写在rerurn语句后面
//---------------------------------------------------------
    //创造了一个数组,数组中有3个对象类型的数据
    var arr = [
        { id: 1, name: "张三", age: 18 },
        { id: 2, name: "李四", age: 19 },
        { id: 3, name: "王五", age: 20 }
    ]
    //    利用find()找到id为1的这条数据(这个对象)
    var res = arr.find(function (item) {
        return item.id === 1        // item指的是数组中的每一条数
    })
    console.log(res);

5.findIndex()

findIndex()
语法:数组名.findIndex(function(item,index,origin){})
作用:在原始数组中查找满足条件的第一项数据的索引
返回值:符合条件的第一个数据的索引
//-------------------------------------------------
    var arr = [100, 200, 300, 400, 500]
    var res = arr.findIndex(function (item) {
        return item >= 200
    })
    console.log(res);

6.every()

every()
语法:和上面一样
作用:判断数组内的数据是否每一个都是满足条件
返回值:一定是一个布尔类型的数据
    如果返回值为true,就证明每一个数据都是符合条件
    只要有一个数据不符合条件,返回值必然是false
//-----------------------------------------------------
    var arr = [100, 200, 300, 400, 500]
    // 判断数组中的每一个数据是否都是大于100的
    // 如果都大于,结果必然是true
    // 只要有一个不符合条件,结果就是false
    var res = arr.every(function (item) {
        return item > 50
    })
    console.log(res);

7.some()

some()
语法:和上面一样
作用:判断数组内的数据是否有满足条件
返回值:定是一个布尔类型的数据
    如果结果为true,证明至少有一个是满足条件的(只要有一个满足结果就是true)
    如果都不满足,结果就是false
//---------------------------------------------------------------------
       var arr = [100, 200, 300, 400, 500]
        // 判断数组中的每一个数据是否都是大于100的
        // 只要有一个满足结果就是true
        var res = arr.some(function (item) {
            return item > 300
        })
        console.log(res);

8.reduce()

reduce()
语法:数组名.reduce(function(prev,item,index,origin){},init)
在reduce的function中可以写4个参数
    第一个参数:prev表示的是初始值或者上一次的运算结果
        初始值的2中情况
            如果有init,prev就使用init的初始值
            如果没有就用数组中的第一个数据
    第二个参数:item表示的就是数组中的数据
    第三个参数:index表示的是索引
    第四个参数:origin表示的就是原始数组
reduce小括号中的第二个参数init:指的是初始值的意思,可写可不写的
作用:可以实现叠加效果
返回值:最终所有数据叠加之后的结果
//--------------------------------------------------------------
    var arr = [100, 200, 300, 400, 500]
    var res = arr.reduce(function (prev, item) {
        return prev + item
    },10)
    console.log(res);