ES5新增方法：forEach，filter，some，map的用法和区别

逃离我推掉我的手 2023-02-17 02:32 12阅读 0赞

## 1.数组方法forEach遍历数组 ##

arr.forEach(function(value, index, array) { 
           //参数一是:数组元素
           //参数二是:数组元素的索引
           //参数三是:当前的数组
     })
      //相当于数组遍历的 for循环 没有返回值

## 2.数组方法filter过滤数组 ##

var arr = [12, 66, 4, 88, 3, 7];
      var newArr = arr.filter(function(value, index,array) { 
      	 //参数一是:数组元素
         //参数二是:数组元素的索引
         //参数三是:当前的数组
         return value >= 20;
      });
      console.log(newArr);//[66,88] //返回值是一个新数组

## 3.数组方法some ##

//some 查找数组中是否有满足条件的元素 
     var arr = [10, 30, 4];
     var flag = arr.some(function(value,index,array) { 
        //参数一是:数组元素
         //参数二是:数组元素的索引
         //参数三是:当前的数组
         return value < 3;
      });
    console.log(flag);//false返回值是布尔值,只要查找到满足条件的一个元素就立马终止循环

### some和forEach区别 ###

*  如果查询数组中唯一的元素, 用some方法更合适,在some 里面 遇到 return true 就是终止遍历 迭代效率更高
 *  在forEach 里面 return 不会终止迭代

## 4.数组方法map ##

//返回一个数组，数组中元素为原始数组的平方根
    var numbers = [4, 9, 16, 25];
    
    function myFunction() { 
        x = document.getElementById("demo")
        x.innerHTML = numbers.map(Math.sqrt);
    }
    //map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
    
    //map() 方法按照原始数组元素顺序依次处理元素。
    
    //注意： map() 不会对空数组进行检测。
    
    //注意： map() 不会改变原始数组。