zoukankan      html  css  js  c++  java
  • js中三个对数组操作的函数 indexOf()方法 filter筛选 forEach遍历 map遍历

     indexOf()方法 

    indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1
    不使用indexOf时
    var arr = ['apple','orange','pear'],   found = false; for(var i= 0, l = arr.length; i< l; i++){     if(arr[i] === 'orange'){       found = true;     } } console.log("found:",found);
    使用后
    var arr = ['apple','orange','pear']; console.log("found:", arr.indexOf("orange") != -1); //一直找,不返回,上面讲了没找到返回-1,所以不等于-1就是说一直找,找到返回布尔值true,没找到那个数组里面的值就返回false //去除重复元素并用sort排序 var arr = ['a','c','b','d','a','b'] var arr2 = []; for(var i = 0;i<arr.length;i++){ if(arr2.indexOf(arr[i])==-1){ arr2.push(arr[i]); } } arr2.sort(); console.log(arr2);//["a", "b", "c", "d"]

     filter筛选

    没有使用filter筛选的循环数组的写法
    var arr = [ {"name":"apple", "count": 2}, {"name":"orange", "count": 5}, {"name":"pear", "count": 3}, {"name":"orange", "count": 16} ]; var newarr = []; for(i=0,l=arr.length;i<l;i++){ if(arr[i].name==='pear'){ newarr.push(arr[i]); } } console.log(newarr)
    使用filter后的写法
    var arr = [ {"name":"apple", "count": 2}, {"name":"orange", "count": 5}, {"name":"pear", "count": 3}, {"name":"orange", "count": 16} ]; var newArr = arr.filter(function(item){ //传入参数进行筛选,有就输出这组数据     return item.name === "pear";
      }); console.log(
    "Filter results:",newArr);
    使用vue 中在 template 模板中使用方式
    
    {{ (item.score === null || group.teams.filter(v => v.score === 0).length === group.teams.length) ? '-' : item.score }}

    forEach遍历与map遍历

    不使用forEach便利的传统for写法
    var arr = [1,2,3,4,5,6,7,8];
    for(var i= 0, l = arr.length; i< l; i++){ console.log(arr[i]); } 使用forEach便利 arr.forEach(function(item,index){ //forEach是用来替换for循环的 console.log(item); });

    // 这个不能像 map 一样 赋值 返回 例如 这样 直接报 undefined map 可以这么用
    let newArr = arr.forEach(function(item,index){ //forEach是用来替换for循环的
         return item
    });
    console.log(newArr) 
    var a = [1, 2, 3];
    
    a.map(function (elemt) {
        console.log(elemt); //结果 1 2 3
    });

    注意:forEach、map等函数只能便利数组的形式 如果里面是 json 键值对的形式存在 你可 先声明一个 Arr 数组对象
    例如 let arr = [] 然后再把 获取到的 json 数据 push 进去 就可以正常的遍历了
    最后多说一嘴 可用for of 替代 传统的forEach循环
  • 相关阅读:
    174. Dungeon Game
    240. Search a 2D Matrix II
    300. Longest Increasing Subsequence
    test markdown style
    多源多汇费用流——poj2516
    费用流消圈算法(构造残量网络)
    费用流模板(带权二分图匹配)——hdu1533
    最大流模板——进阶指南整理
    最大流任务调度+离散化——hdu2883
    最大流拆点——hdu2732,poj3436
  • 原文地址:https://www.cnblogs.com/Model-Zachary/p/6124997.html
Copyright © 2011-2022 走看看