为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第12天 ES(6-11)全版本语法-数组扩展

标签:
JavaScript
  • 课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课

  • 课程章节: 数组扩展:Array.prototype.flat(),Array.prototype.flatMap()

  • 主讲老师:谢成

课程内容:

今天学习的内容包括:

数组扩展:Array.prototype.flat(),Array.prototype.flatMap()

课程收获:

该flat()方法创建一个新数组,其中所有子数组元素递归连接到指定深度。指定嵌套数组结构应该展平的深度级别。默认为 1。该flatMap()方法返回一个新数组,该数组通过将给定的回调函数应用于数组的每个元素,然后将结果展平一级而形成。它与深度为 1 ( ) 的 amap()后跟 a相同,但比分别调用这两个方法效率稍高。flat()arr.map(…args).flat()

const arr = [1, 2, 3, [4, 5, 6, [7, 8, 9, [10, 11, 12]]]]
console.log(arr.flat())
console.log(arr.flat().flat())
console.log(arr.flat().flat().flat())
console.log(arr.flat(3))
console.log(arr.flat(Infinity))

const arr = [1, 2, 3, 4, 5]
const res = arr.map(x => x + 1)
const res = arr.map(x => [x + 1]).flat()
const res = arr.flatMap(x => [x + 1])
console.log(res)

图片描述
图片描述

图片描述
今天学习课程共用了35分钟,重新了解了一下数组扩展:Array.prototype.flat(),Array.prototype.flatMap(),这是我不知道第多少次决心补习JavaScript基础,希望能够坚持下去。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消