视焦点讯！第139篇:JS数组常用方法(map(),reduce(),foreach())

2023-05-03 17:28:51来源：博客园

好家伙,本篇为MDN文档数组方法的学习笔记


(资料图片)

Array.prototype.reduce() - JavaScript | MDN (mozilla.org)

数组方法这块的知识缺了,补一下

1.map()方法

map()方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

const array1 = [1, 4, 9, 16];const array2 = array1.map(Math.sqrt);console.log(array2);

const array1 = [1, 3, 5, 9];const array2 = array1.map((x) =>     x * 2);console.log(array2);

map()方法是一个迭代方法。它为数组中的每个元素调用一次提供的callbackFn函数，并用结果构建一个新数组。

这个必须要注意一下,不同于其他的数组方法,这里返回的是一个新的数组,而不是对原来的数组进行操作

const array1 = [1, 4, 9, 16];const array2 = array1.map(Math.sqrt);const array3 = array1.map((x) =>     x * 2);console.log(array1);console.log(array2);console.log(array3);

2.foreach()方法

forEach()方法对数组的每个元素执行一次给定的函数。

const array1 = [1, 4, 9,16];array1.forEach((x) => console.log(x));

2.2.区别与于map()方法,forEach方法是对原先的数组的每一项调用方法,不产生新的数组

const array1 = [1, 4, 9, 16];let array2 = array1.forEach((x) => console.log(x));console.log(array2);

2.3.给定函数的参数

// element// 数组中正在处理的当前元素。// index// 数组中正在处理的当前元素的索引。// array// 调用了 forEach() 的数组本身。

2.4.forEach()期望的是一个同步函数，它不会等待 Promise。

3.reduce()方法

reduce()方法对数组中的每个元素按序执行一个由您提供的reducer函数，每一次运行reducer会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。

这个方法唯一比较难记的就是参数了

callbackFn

一个“reducer”函数，包含四个参数：

  • previousValue：上一次调用callbackFn时的返回值。在第一次调用时，若指定了初始值initialValue，其值则为initialValue，否则为数组索引为 0 的元素array[0]。
  • currentValue：数组中正在处理的元素。在第一次调用时，若指定了初始值initialValue，其值则为数组索引为 0 的元素array[0]，否则为array[1]。
  • currentIndex：数组中正在处理的元素的索引。若指定了初始值initialValue，则起始索引号为 0，否则从索引 1 起始。
  • array：用于遍历的数组。

initialValue可选

作为第一次调用callback函数时参数previousValue的值。若指定了初始值initialValue，则currentValue则将使用数组第一个元素；

否则previousValue将使用数组第一个元素，而currentValue将使用数组第二个元素。

(MDN文档真是太贴心了)

3.1.用reduce()实现简单的叠加器

let sum = [0, 1, 2, 3].reduce(function (previousValue, currentValue) {    return previousValue + currentValue  }, 0)console.log(sum)

标签：

上一篇： 正乾金融控股(01152)：预期跨境业务将继续为集团带来收入及纯利
上一篇： 最后一页
猜你喜欢
More
广东举办“南粤春暖”稳就业促发展特别行动 帮助12000名农民工入粤返岗

广东举办“南粤春暖”稳就业促发展特别行动 帮助12000名农民工入粤返岗
精彩推荐
More
【报资讯】奔驰C级轿车在美国推出

【报资讯】奔驰C级轿车在美国推出
今日热门
More
视焦点讯！第139篇:JS数组常用方法(map(),reduce(),foreach()) 正常的圣杯战争 你快回来！（关于正常的圣杯战争 你快回来！介绍） 对战蓝美女发言人　赖瑞隆：欢迎为高雄打拼 姚笛个人资料-姚笛男友高杰背景 世界快资讯 正乾金融控股(01152)：预期跨境业务将继续为集团带来收入及纯利 哈三联(002900.SZ)：签署《PPAR激动剂创新药项目专利、专利申请权及技术成果转让合同》 【世界独家】今日湖北全省高速将迎来返程高峰！返程路况小贴士请查收→ 王志文携儿子现身惹争议！他断崖式衰老像爷爷，儿子五官精致随妈-当前快播 排卵期小肚子胀疼是什么原因_男人小肚子痛是什么原因 福布斯年度运动员收入：C罗、梅西、姆巴佩占据前三 环球今热点 施罗德：库里可能是体能最好的运动员，我得输液了_今日快讯 人教版二年级语文上册期末测试卷及答案 小学人教版二年级上册语文期末测试卷 AITO问界4月交付4585辆 累计交付10万辆-当前热文 太和县气象局发布雷电黄色预警[III级/较重] 【2023-05-03】_新视野 同程旅行“五一”大数据：客流峰值超过春运，国内游、出境游全面复苏_环球聚看点 讯息：绿氢制备技术争鸣：SOEC前景几何？ 一天接待游客近4万人！五一假期，济南旅游火爆出圈 全球报资讯 高15米！江西发现距今9000余万年泰坦巨龙化石，有个细节全球罕见 世界最新 游客厦门黄厝沙滩遇“关东煮刺客” 基本信息讲解 北京航空航天大学在职研究生报读费用去哪缴纳呢-今日报 世界即时：即将征战NCAA的王俊杰回归砍下两双，海亮高中成功晋级耐高全国总决赛 PC处理器暴跌65% AMD苏姿丰：最坏的日子已经过去了 注意蓄水！5月5日起昆明多片区将停水|即时焦点 海阳百年大集遇上音乐节，焕发五一假日消费新活力 快资讯：后天2只新股网上发行中签率将公布，你申购了吗？（5月5日） 兴登堡做空“华尔街狼王”伊坎，后者身价一夜蒸发29亿美元|天天新要闻_世界快播 今热点：FRM备考有什么复习方法？备考多久比较好？ ThinkPHP-框架特点和优势（二） 特斯拉突然宣布涨价，网友直呼“搞事情”！汽车价格战还要继续打吗 全球新动态 当前关注：土豆排骨汤的功效_土豆排骨汤 环球讯息：抢钱俱乐部：美元继续震荡寻底， 非美等待美联储会议 快讯 | 星巴克中国3月同店销售额增长30%，称下半年加速新开门店-全球看点 长沙一市民倡议免费接送外地游客，超百车友响应！游客：太意外了 跨越30年，这对医疗队“父子兵”接力援助卢旺达 环球看热讯 全球动态:车辆保养项目有哪些_汽车常规保养的项目包括哪些 手机出货量大跌！前五名无一幸免 经开区企业快讯|555W功率、超21.7%效率！隆顶3.0正式发布 每日快播：汶上县山区“三游”游出新高度 打卡巴渝美景（13）｜主题摄影作品展——谭昌藩作品 环球快消息！微软XGP新推荐计划：向5位好友提供PC Game Pass 14天免费试用 暴跌！熔断！银行股又崩了 五一假期前四天 跨省游客占比23.6% 省内游客占比超76% 当前关注：网贷平台获取资金出借他人，合同效力如何认定？ 【动物界全系列】倍足纲—唇颚亚纲 正宫·醉太平·警世（关于正宫·醉太平·警世介绍）_环球视讯 A股市值TOP20十年变迁：贵州茅台市值增逾15倍，金融机构退潮新兴产业崛起 彭南特：这是我记忆中最糟糕的切尔西，从未见他们踢成这样 1158万人！今年高校毕业生数量再创历史新高！找工作更难了... 今日最新！骘怎么读音 骘怎么读 秋水伊人是指什么生肖_蛇生肖介绍-焦点速递 南加州大学计算机排名_南加州大学排名-世界视讯 余忆童稚时能张目对日明察秋毫文言文答案 余忆童稚时能张目对日明察秋毫 天天实时 环球热文：新一周迎来1只可转债申购，你会打吗？（5月8日~5月12日） 函授考试试题语文_函授考试试题 懂你歌词全部歌词_懂你的歌词 妖孽五殿下的专属拽丫头_邪魅殿下的专属小丫头 世界速看 美股异动｜恩智浦(NXPI.US)盘中涨超6% Q1业绩、Q2指引均超市场预期 潦倒新停浊酒杯全诗_潦倒 世界速讯：怎样清理苹果手机内存 苹果手机内存清理软件 破晓东方人物_东方人物 usb分线器会不会影响传输速度_usb分线器 五一物流慢是无可避免事实，湖北夺冠教育咨询教你怎么向顾客解释 微速讯：向硝酸银和硝酸铜的混合溶液中加入一定量的锌粉充分反应后过滤_往80g含有硝酸铜和硝酸银的混合 激光散斑_关于激光散斑介绍 全球快讯 【播资讯】河南发布区域地质灾害气象风险黄色预警 苏丹医生工会：武装冲突已致447名平民丧生 旅游市场“加速回暖，供需两旺” 居民出游意愿提升 【独家焦点】矽化花岗岩中方铅矿 Stephens & Co.：重申Forward Air(FWRD.US)增持评级 焦点讯息：2.4亿人次黄金周出游，马拉松分哪杯羹？ 热问｜准备过户时房子被查封，会被法院执行吗？ 当前短讯！耶伦警告！美国最早将于6月1日出现债务违约！拜登紧急开会 在云南墨江，一座山都是“烧烤摊”！快快来体验半自助烧烤的烟火人间！ “中新合作-2023”海上联合演习闭幕_今日播报 中木国际(01822.HK)发布公告，大法院已授出日期为2023年4月14日的命令，确认股本削减|看点 曝洛国富不会参加国足今年集训 世预赛亚洲杯出战希望不大 小到中雨＋局地雷暴大风！鄂尔多斯人注意！ 今日观点 网签和备案的区别济南时报_网签和备案的区别 速读 崇礼国际铁人两项挑战赛举行 当前看点 “五一”澳门赌场现群殴，赌客拳来脚往，有人倒地不起！8人被捕，澳门保安司司长：涉事内地赌客禁止再入境…… 实时焦点：6道适合节后吃的家常菜，简单快手10分钟上桌，多吃也不腻 2023年母鸡教案一等奖 母鸡教案第一课时(10篇) 当前速讯 全球最资讯丨怎么注册连信怎么登录连信（连信有几种登录的方法） 美媒炒作美军在夏威夷追踪“神秘气球”，网友讽：1787年起气球就不神秘了 准备好了吗？让《青春远航》 三星堆新馆部分区域开放！7月28日将正式开馆，你期待吗？ 被网友吐槽“与官宣不符” 呼和浩特整顿稻草人展览并开展后续调查 李诚儒_lichen 闪迪推出可以备份文件的充电器，功能这么强大必须买！ 环球实时：股市杠杆是什么意思九 龙 证券i咋样开户呢_股市加杠杆是什么意思 《王国之泪》偷跑直播泛滥！各平台官方出手干预_世界最资讯 理发店宣传单模板_理发店宣传单 天天观点：会打扮的女人就是不显老，50+的她看着像40岁，穿衣风格知性大方 【世界速看料】大众车烧机油正常吗?_大众车烧机油是怎么回事 天天微动态丨中东部地区将遇大范围强降雨 表现不佳！佩恩全场7投1中&三分4中0仅得2分 正负值-16全场最低 当前热讯：网络综艺《当燃青春》：讲述青年故事 展现奋进风貌 qq扫一扫在哪里可以找到_qq扫一扫在哪里 全球时讯 滚动：16万人次！福田口岸再刷新出入境客流量新高 滑县全力推进全国文明城市创建工作|全球聚焦
创业
更多
生意
更多
焦点滚动:平行世界是什么意思秒懂百科（平行世界是什么意思）

焦点滚动:平行世界是什么意思秒懂百科（平行世界是什么意思）

您好,现在渔夫来为大家解答以上的问题。平行世界是什么意思秒懂百科，平行世界是什么意思相信很多小伙伴还不知道,现在让我们一起来看看吧！
天天热讯:四川省旅游攻略景点必去（四川省旅游攻略） 短讯！芒果娱乐旗下艺人名单全部（芒果娱乐旗下艺人） 【环球聚看点】在多元文化营销领域拥有20+多年的经验
今日播报!一周工控资讯速览（11月7-13日）

今日播报!一周工控资讯速览（11月7-13日）

01(资料图片)进博会意向成交735 2亿美元，同比增长3 9%第五届进博会是党的二十大后我国举办的首场重大国际展会。本届进博会共有145个国家、
当前报道:未来几年移动机器人的增速将超过50% 环球即时：100亿日元?泰国或将新增一座半导体工厂 焦点消息！工业机器人发展现状及趋势
资本
更多
天天短讯！法老蚁巢穴怎么找（法老蚁）

天天短讯！法老蚁巢穴怎么找（法老蚁）
返回顶部