zoukankan      html  css  js  c++  java
  • 02-遍历数组的方法

     1 //ES5 中遍历数据的方法
     2 
     3 // 1.forEach()  遍历
     4 // 需求:遍历数组["张飞","关羽","赵云","马超"]
     5 let arr1 = ["张飞","关羽","赵云","马超"];
     6 arr1.forEach((v,i) => console.log(v))   // "张飞","关羽","赵云","马超"
     7 
     8 
     9 // 2.map()  映射        遍历数组,返回一个经过函数处理过的数组,数组的长度不变;
    10 // 需求:遍历数组,求每一项的平方存在于一个数组中
    11 let arr2 = [1,2,3,4,5]
    12 arr2 = arr2.map(item => item * item )
    13 console.log(arr2)   // [ 1, 4, 9, 16, 25 ]
    14 
    15 
    16 // 3.filter()   过滤        过滤出符合条件的值,返回一个新数组
    17 //需求:遍历数组,将数组中工资超过5000的值过滤出来 [1000, 5000, 20000, 3000, 10000, 800, 1500]
    18 let arr3 = [1000, 5000, 20000, 3000, 10000, 800, 1500]
    19 arr3 = arr3.filter( item => item >= 5000)
    20 console.log(arr3);      // [ 5000, 20000, 10000 ]
    21 
    22 
    23 // 4.some()    判断         数组中有一个值满足判读条件,就返回true
    24 //需求:遍历数组,判断数组是否包含奇数,[2,4,6,8,10,9]
    25 let arr4 = [2,4,6,8,10,9]
    26 let b1 = arr4.some( item => item %2 === 1)
    27 console.log(b1);    // true
    28 
    29 
    30 // 5.every()    判断        数组中全部都满足条件,就返回true
    31 //需求:遍历数组,判断数组是否都是偶数,[2,4,6,8,10,9]
    32 let arr5 = [2,4,6,8,10,9]
    33 let b2 = arr5.every( item => item %2 === 0 )
    34 console.log(b2);    // false
    35 
    36 
    37 // 6.find()     过滤        过滤出符合条件的第一个值,否则就返回undefined
    38 // 获取第一个大于10的数
    39 let arr6 = [5, 12, 8, 130, 44];
    40 arr6 = arr6.find( item => item > 10)
    41 console.log(arr6);  // 12
    42 
    43 
    44 /// 7.findIndex()      过滤出符合条件的第一个值的索引,否则就返回-1
    45 // 获取第一个大于10的下标
    46 let arr7 = [5, 12, 8, 130, 44]
    47 arr7 = arr7.findIndex( item => {
    48     return item > 10
    49 })
    50 console.log(arr7);  // 1
  • 相关阅读:
    highcharts延迟加载及刷新数据
    canvas实现固定元素背景雪花效果
    jquery自定义分页插件(带回调函数)
    sqlserver error 40解决方案
    canvas实现刮图效果
    canvas转换图像格式及尺寸
    CentOS 7上安装.Net Core运行环境
    centos环境下docker安装redis并挂载外部配置和数据
    Linux mv命令
    .NetCore 3.x Signalr JavaScript客户端使用
  • 原文地址:https://www.cnblogs.com/sikongdada/p/10498733.html
Copyright © 2011-2022 走看看