• 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。
  • 相关阅读:
    前端性能优化-基础认知
    AngularJS表单验证开发案例
    信息无缝滚动效果marquee
    好用的切换滑动焦点图框架jquery.superslide
    jQuery核心探究
    焦点图轮播图原理与机制
    删除数组中指定的某个元素
    伪响应式开发(PC和Mobile分离)
    18丨CentOS:操作系统级监控及常用计数器解析(下)
    17丨CentOS:操作系统级监控及常用计数器解析
  • 原文地址:https://www.cnblogs.com/hhmmpp/p/11070411.html
Copyright © 2020-2023  润新知