• 100 ECMAScript6数组方法



    ECMAScript方法中提供了一些新方法,如下图所法:

    在这里插入图片描述

    1、forEach

    数组的每个元素执行一次提供的函数。
    在这里插入图片描述
    在这里插入图片描述

    2、map

    创建一个新数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果。如果不使用return返回,默认返回undefined。用于拷贝的过程中改变一些东西或获取数组中固定的一些属性。

    场景1:假定有一个数值数组(A),将A数组中的值以双倍的形式放到B数组。
    在这里插入图片描述
    场景2:假定有一个对象数组(A),将A数中对象某个属性的值存储到B数组中。
    在这里插入图片描述
    map返回的是一个新的数组。

    3、filter

    满足条件的留下来,不满足条件的过滤到,并以数组的形式返回。
    场景1:假定有一个对象数组(A),获取数组中指定类型的对象放到B数组中。
    在这里插入图片描述
    场景2:假定有一个对象数组(A),过滤掉不满足以下条件的对象:条件: 蔬菜 数量大于0,价格小于10(留着的)。
    在这里插入图片描述
    场景3:假定有一个对象数组(A),根据指定对象的条件过滤掉数组中不符合的数据。
    在这里插入图片描述

    4、find

    返回数组中满足回调函数的第一个元素的值,否则返回undefined。
    场景1:假定有一个对象数组(A),找到符合条件的对象。
    在这里插入图片描述
    场景2:假定有一个对象数组(A),根据指定对象的条件找到数组中符合条件的对象。
    在这里插入图片描述

    5、every & some

    every测试数组的所有元素是否都通过了回调函数的测试。
    some测试数组中的某些元素是否通过由回调函数实现的测试。
    every 一假即假,some一真则真。

    场景1:计算对象数组中每个电脑操作系统是否可用。大于16位操作系统表示可用,否则不可用。
    在这里插入图片描述
    场景2:假定有一个注册页面,判断所有input内容的长度是否大于0。
    在这里插入图片描述

    6、reduce

    对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值。
    场景1:计算数组中所有值的总和。
    在这里插入图片描述
    场景2:将数组中对象的某个属性抽离到另外一个数组中。
    在这里插入图片描述
    场景3:判断字符串中括号是否对称。
    在这里插入图片描述

  • 相关阅读:
    面试总结 - 计算机网络
    最装逼的基准测试工具套件 - JMH
    Excel制作乘法口诀表
    在线免费无时长限制录屏工具 - 录猎在线版
    jmeter获取时间,beanshell断言和脚本,浏览器时间转换
    计算机竞赛 题目:基于深度学习的中文汉字识别 - 深度学习 卷积神经网络 机器视觉 OCR
    (215)Verilog HDL:状态机实现计时器
    系统架构师备考倒计时18天(每日知识点)
    博士也会毕业吗?
    ajax有哪些优缺点?
  • 原文地址:https://blog.csdn.net/weixin_47197906/article/details/126791233