深入数组方法并应用

深入数组方法并应用

方法列举

//举例
var arr = [{
    {name : '张三',src : "./scr/1.img", des: "长得帅", age :20},
    {name : '李四',src : "./scr/2.img", des: "太高了", age :28},
    {name : '张三',src : "./scr/3.img", des: "年龄大", age :30},
    {name : '张三',src : "./scr/4.img", des: "太小了", age :15},
    ]

1. ForEach

//forEach 遍历
arr.forEach(function(ele, index, self){
    this[index].innerText = ele.name;
},document.getElementByTagName('li'))
//可以传入两个参数，第一个参数必须是函数，函数可以写入形参，第一个形参是数组里面
//的内容，第二个是索引位，第三个是数组本身，第二个参数是要指向的this

2. Filter

//Filter过滤 不会改变原有数组
arr.Filter(function(ele, index, self){
    if(true){
        "返回正确"
    }else{
        "什么也不返回"
    }
//return ele.sex == "m";
//可以传入两个参数，第一个参数必须是函数，函数可以写入形参，第一个形参是数组里面
//的内容，第二个是索引位，第三个是数组本身，第二个参数是要指向的this,不同的是会
//返回一个true或者false的值用来过滤数组
},arr)

3. Map

//Map 映射 
arr.Map(function(ele, index, self){
var arr1 = arr.name + 10;
//return ele.sex == "m";
//可以传入两个参数，第一个参数必须是函数，函数可以写入形参，第一个形参是数组里面
//的内容，第二个是索引位，第三个是数组本身，第二个参数是要指向的this
//不同的是可以声明一个数组用来接收返回的映射数组
},arr)

4. Every

//Every 判断规则，如果全部符合就返回ture，一个不符合就返回false
var flag = arr.every(function(ele, index, self){
    return ele.age > 35;
},{name:'zhou'})

5. Some

//Some  判断规则，只要有一个符合就返回flase

6. Reduce

//reduce 返回一个值，可以放入两个参数，第一个是函数
   var cookieStr = "BAIDUID=C688A88D49867EB161DF8AAEFEA08C95:FG=1; BIDUPSID=C688A88D49867EB161DF8AAEFEA08C95; PSTM=1592731640; BDRCVFR[2zL3csIoTU3]=7c22zz80d2YIv78uvw9UvdGUhIJIy38; BD_HOME=1; H_PS_PSSID=; BD_UPN=12314753";
        var initialValue = { name: "zhou" }
        function parseCookie(str) {
            var arrCookie = str.split('; ');
            var cookieObj = {};
            arrCookie.reduce(function (prevValue, curValue, index, self) {
                var curArr = curValue.split('=');
                cookieObj[curArr[0]] = curArr[1];
                return prevValue;
            }.cookieObj)
            return cookieObj;
        }
        var cookieObj = parseCookie(cookieStr);

7. ReduceRight

//ReduceRight 返回一个值，可以放入两个参数，第一个是函数