zoukankan      html  css  js  c++  java
  • es5新增的数组的方法

    es5新增的数组的方法:
    1、 forEach()
    作用:遍历数组,将每个元素交给function进行处理
    语法:arr.forEach(function(item,index,array){........})
    item:当前遍历的元素 index:元素下标 array:原数组
    优点:不会产生额外的全局变量;配合箭头函数使用

    2、 map()
    作用:执行过程中,创建一个空数组,将每个元素交给function进行处理,将得到的结果放到空数组中,最终返回这个新数组
    语法:let newArr=arr.map(function(item,index,array){...........})

    3、filter()
    作用:执行过程,创建一个空数组,将符合条件的元素存放在空数组中,最终返回这个新数组
    语法:let newArr=arr.filter(function(item,index,array){return 条件})

    4、some()---返回true或者false
    作用:判断数组中是否有一个或多个满足条件,只要有一个满足就返回true
    语法:let result=arr.some(function(item,index,array){return 条件})

    5、every()---返回true或者false
    作用:判断数组中是否所有的元素都满足条件,只要有一个不满足就返回false
    语法:let result=arr.every(function(item,index,array){return 条件})

    6、 find()---没有就返回undefined
    作用:遍历数组,返回符合条件的第一个元素
    语法:let newArr=arr.find(function(item,index,array){return 条件})
    拓展:find方法中如果没有写return就会把判断条件执行完,然后输出所有符合条件的元素,如果写了return,不管return后边写了什么值,都会返回找到的第一个符合条件的元素

    7、findIndex()
    作用:遍历数组,返回符合条件的第一个元素的下标
    语法:let index=arr.findIndex(function(item,index,array){return 条件})
    拓展:findIndex同find方法一样,如果没有写return就会返回所有符合条件的元素的下标,如果写了return就会返回第一个符合条件的元素的下标

    8、 reduce()
    作用:让数组的前后两项进行某种计算,然后返回其值,并继续计算,不改变原数组,返回计算的最终结果,从数组的第二项开始遍历。某种计算 例如:求和 、 求最大值 、 去重 等等   
    语法:arr.reduce(function(prev,cur,index,arr){...}, init);
    参数:
    1、 prev 必写,表示上一次调用回调函数时的返回值,或者初始值 init,如果没有设置初始值init,直接取数组中的第一项;
    2、cur 必写,表示当前正在处理的数组元素;
      cur的取值跟初始值init有关,如果设置了初始值init那么cur从数组中的第0项开始取值,如果没有设置初始值init,cur从数组中的第1项开始取值;
    3、index 可写可不写,表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
    4、arr 可写可不写,表示原数组;
    5、init 可写可不写,表示初始值。

    9、 includes()
    作用:用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
  • 相关阅读:
    C51中的 xbyte的使用
    使用正则表达式替换日期格式
    C#制作windows窗体的图书管理系统
    《短码之美》读书笔记3
    VS2019创建第一个ASP.NET网站
    观影大数据分析(上)
    Git提交文件报错解决
    软件设计简单工厂模式
    记录一次MySQL启动异常的解决
    将本机web项目映射到公网访问
  • 原文地址:https://www.cnblogs.com/hhmmpp/p/11070411.html
Copyright © 2011-2022 走看看