数组的遍历

76 阅读3分钟

*1.forEach

  • 语法: 数组.forEach(function( item,  index,   value ){ return})
    
  •        参数:
    
  •            1.数组每一项的值
    
  •            2.数组每一项对应的下标
    
  •            3.原数组
    
  • 作用:遍历数组
    
  • 返回值: 返回值是undefined 哪怕写了return 也是undefined
    
  var arr = [1, 2, 3, 4, 5];
   var arr1 =   arr.forEach(function(item, index, value){
      console.log( '对应的值',item ,'对应的索引', index ,'原数组', value)
      return item;
 });
 console.log( arr1)
 //
  • 2.map 数组的映射
  • 语法: 数组.map(function( item,  index, value ){ return})
    
  •        参数:
    
  •            1.数组每一项的值
    
  •            2.数组每一项对应的下标
    
  •            3.原数组
    
  • 作用:数组的映射
    
  • 返回值: 是一个和原始数组长度一样的数组,返回的数组的每一个值.取决与return怎么写
    
  var arr = [1, 2, 3, 4, 5];
    var arr1 = arr.map(function(item, index, value){
   console.log( '对应的值',item ,'对应的索引', index ,'原数组', value)
        return item*2;  //该条件下映射出的新数组
 }) 
  console.log(arr)
  console.log( arr1)
  • 3.filter.
  • 语法: 数组.filter(function( item,  index, value ){ return })
    
  •        参数:
    
  •            1.数组每一项的值
    
  •            2.数组每一项对应的下标
    
  •            3.原数组
    
  • 作用:数组的过滤
    
  • 返回值: 过滤数组后的新数组, 过滤条件取决与return怎么写
    
    var arr1 =   arr.filter(function( item, index, value){
        console.log(item, index , value);
        return item>2;  //满足该条件下过滤出的新数组
      })
      console.log(arr1)
  • 4.find.
  • 语法: 数组.find(function( item,  index, value ){ return })
    
  •        参数:
    
  •            1.数组每一项的值
    
  •            2.数组每一项对应的下标
    
  •            3.原数组
    
  • 作用:数组的查找
    
  • 返回值: 在数组中找到的第一个数据(不是数组), 
    
 var arr1 =   arr.find(function( item, index, value){
       console.log(item, index , value);
        return item > 2;//返回值是该条建下查找到的数组中第一个符合这个要求的数据
      })
      console.log(arr1)
  • 5.findIndex.
    • 语法: 数组.findIndex(function( item,  index, value ){ return })
      
    •        参数:
      
    •            1.数组每一项的值
      
    •            2.数组每一项对应的下标
      
    •            3.原数组
      
    • 作用: 查找数组中满足特定条件下的数据第一次出现时对应下标
      
    • 返回值: 数组中满足特定条件下的数据第一次出现时对应下标
      
// 5. findIndex;
    var num =  arr.findIndex(function(item, index,  value){
       return item > 1; //返回值是数组中满足当前条件下的数值相当应的下标
      })
      console.log( num)
  • 6.every
  • 语法: 数组.every(function( item,    index, value ){ return })
    
  •        参数:
    
  •            1.数组第一项实际的值
    
  •            2.数组第一项实际对应的下标
    
  •            3.原数组
    
  • 作用: 判断数组中所有数据是否满足特定的条件
    
  • 返回值: 都满足返回值是 true / 只要有一项不满足就为 false
    
//6.every
    var num =  arr.every( function( item, index, value){
        return item > 0; //因为数值的数据都满足当前的特定条件返回值是 true 反之为 false
     })
     console.log( num)
  • 7.some
  • 语法: 数组.some(function( item,  index, value ){ return })
    
  •        参数:
    
  •            1.数组每一项实际的值
    
  •            2.数组每一项实际对应的下标
    
  •            3.原数组
    
  • 作用:  判断数组中是否有数据是否满足特定的条件
    
  • 返回值: 只要有一项返回值是 true / 所有的数据都不满足为false
    
//7.some
var num  =  arr.some( function(item, index, value){
      return item > 4;//只要有一项返回值是 true / 所有的数据都不满足为false
      return item > 6;//只要有一项返回值是 true / 所有的数据都不满足为false
  })
 console.log( num);

8.reduce

  • 语法: 数组.reduce(function(prve, item, index, value ){ return },init)
    
  •        reduce方法的参数:
    
  •           1.如果传递第二个参数init, 执行次数和数组长度相同
    
  •           2.如果不传递第二个参数init, 默认第一值为数组第项的值, 并且执行次数在数 /可以是任意的参数  数字/''/'特殊符号'等等 
    
  •        参数1的函数中4个形参的含义: 
    
  •           2.数组每一项实际的值
    
  •           3.数组每一项实际的值对应的下标
    
  •           4.原数组
    
  •           作用:累加 / 累乘 ...等操作
    
  •           返回值:循环运行结束时返回的结果
    
//8.reduce 
     var sum =  arr.reduce(function(prve, itrm, index, value, ){
          return prve + item; //此处相加就是求给数值内的和 若为其他运算符则执行相应的运算
     }, 100)
     console.log( sum)