ES10新特性_数组方法扩展flat_与flatMap---JavaScript_ECMAScript_ES6-ES11新特性工作笔记059

最新推荐文章于 2024-08-14 11:59:39 发布
最新推荐文章于 2024-08-14 11:59:39 发布
阅读量378 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/113546189
本文介绍了ES10中数组的新特性，重点讲解了`flat()`和`flatMap()`方法。`flat()`用于将多维数组转换为一维数组，可以指定降维深度，默认为1。`flatMap()`则是在转换的同时，对每个元素应用函数后再扁平化数组。这两个方法在处理数组时提供了更便捷的方式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

然后我们再来看es10,提供的数组的方法扩展 

去看一下,这个arr.flat,可以把一个二维数组,转换成1维数组

,其实这个flat,就是降维,但是只能降维一维.

看右边效果

可以看到上面我是个3维数组,

我通过arr.flat(),降维,降维以后可以看到,3维数组,变成了2维数组

最后的那一维数组留下来了,前面的2维被展开成了1维.

然后我们还可以给他指定一个深度,就是多维数组的深度,

比如我给3维数组,指定一个2,那么就会把3维数组,转成1维数组了.

 

注意默认值是1,

3维数组转成1维数组,注意深度是2

了解本专栏 订阅专栏 解锁全文 超级会员免费看
全栈笔记_规范篇（eslint代码检查系列 - 入门）
wwv的博客
01-28 1692
ESLint简介、工作流程、主要属性功能介绍、简单使用
Array.flat实现
简单的取悦
05-28 9355
Array的flat实现方式ES10 Array.flat()和Array.flatMap()扁平化多维数组：Array.flat()Array.flatMap()生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 ES...
【ES10(2019)】Array扩展 flat / flatMap
张营的技术博客
05-12 750
Array.prototype.flat() flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 const arr1 = [0, 1, 2, [3, 4]]; console.log(arr1.flat()); // [0, 1, 2, 3, 4] const arr2 = [0, 1, 2, [[[3, 4]]]]; console.log(arr2.flat(2)); // [0, 1, 2, [3, 4]] 语法：var newArra
多维数组转变成单维数组的方法（ES10）
ll13352976097的博客
01-12 299
1.（二维数组） function test() { var arr = [1,[1,2],3]; console.log(arr.flat()) //输出 } test(); 2.（多维数组） function test() { var arr = [1, 2, [3, 4, [5, 6]]] console.log(arr.flat(1)) // 输出 [ 1, 2, 3, 4, [ 5, 6 ] ] console.log(arr.flat(2)) // 输出 [ 1, 2, 3, 4,
array 新特性flat()和flatMap()
前端361
04-03 9977
flat()和flatMap()本质上就是是归纳（reduce） 与 合并（concat）的操作。 flat() flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 //flat()方法最基本的作用就是数组降维 var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] ...
每天温习一个JS方法之Array.flat方法 第六天
News777的博客
10-25 1776
方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。还有诸多与其它方法联用的应用，熟悉它，相信你在逻辑处理过程中能够广泛应用到。
面试官：JavaScript如何实现数组拍平（扁平化）方法?
qq_38650754的博客
11-01 2226
1 什么叫数组拍平？ 概念很简单，意思是将一个“多维”数组降维，比如： // 原数组是一个“三维”数组 const array = [1, 2, [3, 4, [5, 6], 7], 8, 9] // 可以降成二维 newArray1 = [1, 2, 3, 4, [5, 6], 7, 8, 9] // 也可以降成一维 newArray2 = [1, 2, 3, 4, 5, 6, 7, 8, 9] 数组拍平也称数组扁平化、数组降维。 2 JS标准库中的数组拍平方法 JavaScript标准库中已经实现
Array flat
SeriousLose
02-04 1133
// 二维数组平铺 const arr = [11, [22, 33], [44, 55], 66]; const flatArr = [].concat(...arr); //=> [11, 22, 33, 44, 55, 66] // 递归实现 var a = [1, [2, [3, 4, 5]]]; function flatten(arr) { let result = []; for (let i = 0; i < arr.length; i++..
ES6+新特性学习笔记与ES2016至ES2020更新概览
在探讨ES6（ECMAScript 2015）以及后续版本ES2016、ES2017、ES2018、ES2019和ES2020等的新特性和改进时，本学习笔记详细记录了ECMAScript标准的演进过程以及其中包含的重要特性。ES6是JavaScript开发中一个重要的...
ES6-ES13学习笔记
最新发布
IIIIIAN
08-14 1792
ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.iterator属性，或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。Proxy如其名， 它的作用是在对象和和对象的属性值之间设置一个代理，获取该对象的值或者设置该对象的值， 以及实例化等等多种操作， 都会被拦截住， 经过这一层我们可以统一处理，我们可以认为它就是“代理器”在一般情况下，对象的引用是强引用的，这意味着只要持有对象的引用，它就不会被垃圾回收。
掌握JavaScript ES6至ES11的十大新特性
资源摘要信息:"这是一份关于JavaScript ES6至ES11新特性的学习笔记和练习文件，为开发者提供了一个全面学习和练习ECMAScript最新版本特性的资源。文件提供了对ES6~ES11各版本新增特性、API和语法改进的深入解析，...
数组扁平化的几种方法
W256999的博客
06-30 315
遍历 this-》arr -- 把他里面的元素添加到 resArr。直接添加到resArr中，如果是，就把元素 合并到 resArr中。使用后数组方法.shift（）删除头部 筛选数组。每次删除 头部的一个元素，判断不是一个数组，数组方法arr.flat()判断元素 是不是一个数组，如果不是，如果不是 直接添加到 resArr中。在数组的原型上自己添加一个方法。在数组原型上添加一个方法。
数组flat(Infinity)扁平化，实现多维数组深度解析为一个新数组
文龙刚的博客
06-02 613
【代码】数组flat(Infinity)扁平化，实现多维数组深度解析为一个新数组。
数组扁平化处理，flat以及其他实现数组扁平化的方法
m0_59603076的博客
03-27 351
flat拉平数组的数组方法，面试题会问到的实现拉平数组效果的方法
js arr.flat() new Set() Array.from()
weixin_46451295的博客
02-28 317
//flat 扁平化数组,降低维度 const arr = [1,2,[3,4,[5,6]]] console.log(11,arr.flat(),arr.flat(2)) // 1.html:13 11 (5) [1, 2, 3, 4, Array(2)] (6) [1, 2, 3, 4, 5, 6] //Array.from 将伪数组转化为数组 new Set去重的 const arr2 = [1,1,2,3,2,5] console.log(22, new
ES10-flat 兼容性处理(附代码 无脑cv)
技术圈
07-01 1108
flat是es10中的数组打平函数，可传入一个参数，该参数为数组打平的深度，该参数可省略，默认为1。最近接手的项目中出现了部分低版本浏览器报错的问题。特记录如下。
数组ES6新增-arr数组扁平化:flat扁平化多维数组 / flatMap扁平化一维有回调函数 / fill()填充
kino2046的博客
03-15 1145
手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法：var newArray = arr.flat([depth]) dep...
es6之数组的flat()，flatMap()
热门推荐
qq_29055201的博客
01-17 6万+
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。 flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将f...
ES2019 的新功能 flat()
q1424966670的博客
03-18 3万+
flat()方法会递归到指定深度将所有子数组连接，并返回一个新数组。 浏览器支持版本： //depth指定嵌套数组中的结构深度，默认值为1。 var newArray = arr.flat(depth) var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] var arr2 = [1, 2, [3, 4, [5, 6]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值