zoukankan      html  css  js  c++  java
  • JS数组中every(),filter(),forEach(),map(),some()方法学习笔记!

      ES5中定义了五种数组的迭代方法:every(),filter(),forEach(),map(),some()。

      每个方法都接受两个参数:要在每一项运行的函数(必选)和运行该函数的作用域的对象-影响this的值(可选);

      每个方法中的函数都会接受三个参数:该项的值(item),该项在数组的位置(index),数组对象本身(arr);

      目前支持的浏览器有:IE9+, Firefox1.5+, Firefox(Gecko)1.8+, Chrome, Opera, Safari.

      1.every()

        对数组中的每一项都进行操作,而且每一项都要符合函数的条件.才会返回ture,否则返回false。

    1 var  num = [1,2,3,4,5];
    2 var eve = num.every(function(item, index, arr){
    3     return (item > 2);
    4 });
    5 console.log(eve);  //false

      2.some()

        这个方法与every()方法极为相似,但又有所不同,every要求每一项都要符合函数里面的条件,而some只要求有数组中的某一项符合即可,这点类似于或与和。返回的是布尔值,使用事例如下:

    1 var  num = [1,2,3,4,5];
    2 var eve = num.some(function(item, index, arr){
    3     return (item > 2);
    4 });
    5 console.log(eve);  //true

      3.filter()

        filter就相当于一个过滤器,符合条件的留下,不符合条件的去除。返回符合条件的数组!案例如下:

    var  num = [1,2,3,4,5];
    var eve = num.filter(function(item, index, arr){
         return (item > 2);
    });
    console.log(eve);  //[3,4,5]

      4.forEach()

        forEach()方法可以使数组中的每个值都执行指定的函数,而且forEach()方法是唯一没有返回值的方法!案例如下:

    var  num = [1,2,3,4,5];
    var eve = num.forEach(function(item, index, arr){
           //执行你想要的操作
    });

      5.map()

        map()方法同样可以使数组中的每一个值都执行指定的函数,并且返回得到的新的数组!案例如下:

    var  num = [1,2,3,4,5];
    var eve = num.map(function(item, index, arr){
        return item + 2;
    });
    console.log(eve);  //[3,4,5,6,7]
  • 相关阅读:
    objcopy使用
    linux中的strip命令简介
    strace命令详解
    bash执行顺序:alias --> function --> builtin --> program
    Ubuntu下安装docker
    uvm中类继承和phase
    error和exception有什么区别?
    sleep() 和 wait() 有什么区别?
    CSS3实现环形进度条?
    请写出你最常见到的5个runtime exception?
  • 原文地址:https://www.cnblogs.com/zhixuanziben/p/6117015.html
Copyright © 2011-2022 走看看