码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 数据新增的常用方法(es6-es12)-今天一定要学会


    1. forEach() 遍历数组中的元素,不改变原数组

    2. map()   遍历数组,对数组中每个元素做操作并将操作后的元素放到数组中返回,不改变原数组

    3. filter() 过滤,返回包含所有在回调函数上结果未true的值的新数组,不改变原数组

     4. every()   测试一个数组内的所有元素是否都能通过某个指定函数的测试,返回布尔值

     5. some()  一个数组内的一个元素能通过某个指定函数的测试,就会返回true。返回布尔值

    6. reduce()  求和 ,数组元素两两递归处理的方式把数组计算成一个值

    7. reduceRight() 从最后开始进行两两递归计算成一个值

     8. find()  返回数组中满足条件的第一个元素的值,不存在就返回undefind

    9.  findIndex()   返回数组中满足条件的第一个元素的索引

    10. flat()   按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

     11. Array.from()   其中一个功能,将字符串转换为数组


    1. forEach() 遍历数组中的元素,不改变原数组

    1. const arr = [1,3,22,1,34]
    2. arr.forEach(item => {
    3. console.log(item);
    4. })

    2. map()   遍历数组,对数组中每个元素做操作并将操作后的元素放到数组中返回,不改变原数组

    1. let arr = [1,3,22,,1,34]
    2. arr = arr.map(item => {
    3. console.log(item+1);
    4. return item + 1
    5. })
    6. console.log(arr); // [2, 4, 23, 空白, 2, 35]

    3. filter() 过滤,返回包含所有在回调函数上结果未true的值的新数组,不改变原数组

    1. let list = [{
    2. name:'kobe',
    3. age:33
    4. },{
    5. name:"jsms",
    6. age:29
    7. },{
    8. nam:'bln',
    9. age:33
    10. }]
    11. const newList = list.filter(item => item.age === 33)
    12. console.log(list,newList);

     4. every()   测试一个数组内的所有元素是否都能通过某个指定函数的测试,返回布尔值

    1. let list = [{
    2. name:'kobe',
    3. age:33
    4. },{
    5. name:"jsms",
    6. age:29
    7. },{
    8. nam:'bln',
    9. age:33
    10. }]
    11. console.log(list.every(item => typeof item === 'object')); //true

     如果list未一个空数组,会返回true

     5. some()  一个数组内的一个元素能通过某个指定函数的测试,就会返回true。返回布尔值

    1. const arrs = [3,2,1,'333']
    2. console.log(arrs.some(item => typeof item === 'string')); //true

    6. reduce()  求和 ,数组元素两两递归处理的方式把数组计算成一个值

    1. const arrs = [3,2,1,'333',22]
    2. const arr = [1,3,22,,1,34]
    3. console.log(arrs.reduce((first,second) => first + second)); //633322
    4. console.log(arr.reduce((first,second) => first + second)); //61

    7. reduceRight() 从最后开始进行两两递归计算成一个值

    1. const arrs = [3,2,1,'333',22,1]
    2. console.log(arrs.reduceRight((first,second) => first + second)); //23333123

     8. find()  返回数组中满足条件的第一个元素的值,不存在就返回undefind

    1. const arrs = [3,2,1,'333',22,1]
    2. console.log(arrs.find(item => item > 1)); //3

    9.  findIndex()   返回数组中满足条件的第一个元素的索引

    1. const arrs = [3,2,1,'333',22,1]
    2. console.log(arrs.findIndex(item => item > 1)); //0

    10. flat()   按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

    1. const array = [2,1,[23,1],[[[7,'0']]]]
    2. console.log(array.flat());
    3. console.log(array.flat(2));
    4. console.log(array.flat(3));

     11. Array.from()   其中一个功能,将字符串转换为数组

     参考:Array.prototype.find() - JavaScript | MDN

  • 相关阅读:
    HTML5七夕情人节表白网页制作【一生守护】HTML+CSS+JavaScript
    设计模式——责任链模式(Chain of Responsibility Pattern)+ Spring相关源码
    20221115 今天的世界发生了什么
    【Linux系统化学习】进程优先级 | 进程饥饿 | 进程切换
    ARM开发流程LDS相关解惑
    最新版大学英语六级词汇打印版
    windows、ubuntu双系统安装教程
    Next.js 13.5 正式发布,速度大幅提升!
    uniapp中unicloud接入支付宝订阅消息完整教程
    python的opencv最最基础初学
  • 原文地址:https://blog.csdn.net/weixin_57399180/article/details/125000819
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号