继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

浪里个浪小白龙
关注TA
已关注
手记 75
粉丝 3
获赞 4
  • 课程名称: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基础,希望能够坚持下去。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP