数组方法（flat，flatMap 和 fill）

最新推荐文章于 2022-04-20 14:44:35 发布
最新推荐文章于 2022-04-20 14:44:35 发布
阅读量397 收藏
点赞数
分类专栏： 数组方法 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45368324/article/details/105433057
版权

手册地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

flat()

方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

语法：var newArray = arr.flat([depth])

depth 可选

指定要提取嵌套数组的结构深度，默认值为 1。

在这里插入图片描述

flatMap()

flatMap() 方法跟flat的区别是多一个回调函数，可以用来做一些事，但是只能处理深度为1层的数组。

语法：var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) {

                    // 返回新数组的元素

        }[, thisArg])

callback
可以生成一个新数组中的元素的函数，可以传入三个参数：

	currentValue
	当前正在数组中处理的元素

	index可选
	可选的。数组中正在处理的当前元素的索引。

	array可选
	可选的。被调用的map数组

thisArg可选
可选的。执行callback函数时 使用的this值。

在这里插入图片描述

fill()

用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引

语法：Array arr.fill(value[, start[, end]]); 

        参数：

                    用来填充数组元素的值。

        可选参数：

                    start 

                    起始索引，默认值为0。

                    end 

                    终止索引，默认值为 arr.length

在这里插入图片描述

weixin_45368324
关注
专栏目录
数组的方法和ES5、ES6新增数组方法的语法，作用，返回值和注意事项
qq_57334853的博客
07-18 786
数组的方法在项目逻辑中无处不在、因为后端传过来数据不一定可以直接用那么就需要用数组的方法来进行转换了、还有其它地方都能用到就不一一举例了，总之很重要，很重要，要把这些方法烂熟于心，能很好的提升工作效率，比别人早下班。以下是保姆及的方法、有漏掉的或者错误的地方大家可以在评论区指出来..................
JavaScript中数组常用方法汇总（ES6）
weixin_44196299的博客
10-04 560
1、扩展运算符（…） 将一个数组转为用逗号分隔的参数序列。 （1）函数调用
JS数组扁平化(flat)方法总结详解
12-01
需求:多维数组=>一维数组 let ary = [1, [2, [3, [4, 5]]], 6]; let str = JSON.stringify(ary); 第0种处理:直接的调用 arr_flat = arr.flat(Infinity); 第一种处理 ary = str.replace(/(\[\]))/g, '').split(','); 第二种处理 str = str.replace(/(\[\]))/g, ''); str = '[' + str + ']'; ary = JSON.parse(str); 第三种处理：递归处理 let result = [];
数组的flat方法【Array.prototype.flat()】
杜鲁阳的博客
10-12 7194
数组的flat方法【Array.prototype.flat()】 一、 概念   flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 二、语法结构 var newArray = arr.flat([depth]) 参数depth： 指定要提取嵌套数组的结构深度，默认值为 1。 返回值： 一个包含将数组与子数组中所有元素的新数组。 ...
数组的flat()方法
weixin_49035434的博客
04-02 3658
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回. 参数: depth 指定要提取的深度,默认为1 返回值: 一个包含将数组于子数组中所有元素的新数组 例子🌰: var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] var arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); // [1, 2, 3, 4, [5, 6]] var arr..
面试官：JavaScript如何实现数组拍平（扁平化）方法?
qq_38650754的博客
11-01 1973
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标准库中已经实现
数组扁平化方法flat()
dabingyouxiaozhihui的专栏
07-31 624
flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法： var newArray = arr.flat(depth) depth可选 指定要提取嵌套数组的结构深度，默认值为 1。 返回值 一个包含将数组与子数组中所有元素的新数组。 let arr1 =[1,2,3,[4,5]]; arr1.flat(); le...
会改变数组的方法和不会的.pdf
10-12
JavaScript数组是编程中经常使用的一种数据结构，它提供了一系列的方法来操作和处理数组。根据这些方法是否改变原数组，可以将它们分为两类：会改变原数组的方法和不会改变原数组的方法。明确这一点对于编程来说至关...
js代码-数组flat函数实现
07-16
如果你希望在原地修改数组，可以使用`flat().fill()`或`concat().flat()`等方式，但这些操作可能会影响性能。 在实际应用中，`flat()`函数常用于处理JSON数据、解析CSV数据、组合数组、以及任何涉及多维数组转换的...
es6数组的方法的集合
03-01
ES6 是 JavaScript 的一个重大更新，引入了许多新的特性和语法改进，其中...26. `flatMap()`：类似于 `flat()` 和 `map()` 的组合，先应用 `map()`，然后将结果“拉平”成一维数组。 ```javascript let arr = [[1, 2
数组 flat
大灰狼的小绵羊哥哥的博客
04-01 2283
一段代码总结Array.prototype.flat()特性 注：数组拍平方法Array.prototype.flat()也叫数组扁平化、数组拉平、数组降维。 本文统一叫：数组拍平 const animals = ["????", ["????", "????"], ["????", ["????", ["????"]], "????"]]; // 不传参数时，默认“拉平”一层 animals.flat(); // ["????", "????", "????", "????", ["????",
数组扁平化-- flat() 方法
sunhy007的博客
09-24 170
数组扁平化可以使用 es6的flat方法 实例： <script> let arr = [1,2,[3,4,['a','b']]] let newarr = arr.flat(Infinity) console.log(newarr); </script> 打印结果 注意： 参数 infinity 可以改 参数为 infinity时， 把 [ ] 全部打开 不管是几层的嵌套 参数为 1 的时候，只会打开一层 [ ]，为2同理 ...
js数组扁平化的方法（flat）汇总
qq_34507902的博客
10-29 1090
js数组扁平化的方法（flat)方法的总结： /* * js数组扁平化的方法（flat)方法的总结 */ /* *方法1： */ let arr=[1,[2,34,[4,5]]]; let str=JSON.stringify(arr);// [1,[2,34,[4,5]]] // 方式1：flat() console.log(arr.flat(Infinity));//[1, 2, 34, 4, 5] // 方式2：字符串替换拼接序列化 str=str.replace(/(\[|\])/g,''...
数组方法的扩展flat()和flatMap()
An滴饭儿的博客
01-27 295
flat()将多维数组转化为低维数组 const arr = [1,2,3,4,[5,6]] console.log(arr.flat()) //[1, 2, 3, 4, 5, 6] const arr1 = [1,2,3,4,[5,6,[7,8,9]]] console.log(arr1.flat()) //[1, 2, 3, 4, 5, 6, [7,8,9]] //想将多维数组转成一维数组，则需要参数 console.log(arr1.flat(2)) //[1.
js实现数组flat
董小姐不懂你的博客
01-26 415
Array.prototype.myFlat = function(d = 1) { let arr = [...this]; return d > 0 ? arr.reduce((acc, val) => { return acc.concat(Array.isArray(val) ? val.myFlat(d - 1) : val) },[]) : arr.slice() } ...
ES6之数组的flat(),flatMap()
侯阮悦的博客
10-09 683
数组的成员还是数组时，Array.prototype.flat（）用于将嵌套的数组“拉平”，编程一维数组。该方法返回一个新的数组，对原数据没有影响。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] flat（）默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat（）方法的参数写成一个整数，表示想要拉平的层数，默认为1. [1, 2, [3, [...
es6之数组的flat()，flatMap()
liubangbo的专栏
02-13 230
文章转自：https://blog.csdn.net/qq_29055201/article/details/86530254 数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 1 2 上面代码中，原数组的成员里面有一个...
JS数组中的方法以及对应的Polyfill
Jermyo的博客
11-27 948
/** * copyWithin(): 方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。 * entries(): 方法返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。 * Array.prototype.fill() : 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素,arr.fill(value[, start...
数组的fill()和flat()方法
想好了再写！
04-20 474
fill() 功能：用给定值填充一个数组 参数 第一个参数：value 必需。填充的值。 第二个参数：start可选。开始填充位置。 第三个参数：end 可选。停止填充位置 (默认为 array.length) 传递一个参数： ['a', 'b', 'c'].fill(7) // [7, 7, 7] new Array(3).fill(7) // [7, 7, 7] 传递了第二，第三个参数 var result = ["a", "b", "c"].fill(3, 1, 2); 上面代码表示，fill
数组的flat方法 js
最新发布
08-09
数组的flat方法是JavaScript中的一个方法，用于将多维数组转化为一维数组。 该方法可以用于任意维度的数组，它会遍历数组中的每一个元素，如果元素是数组，则将其展开并放入新的一维数组中。如果数组中的元素还是数组，则继续递归展开，直到所有元素都被展开为一维数组。 flat方法可以接收一个可选的参数，用于指定递归展开的深度。如果不传入参数，默认递归展开所有层级的多维数组。 下面是一些使用数组的flat方法的示例： 1. 将二维数组展开为一维数组： const arr = [[1, 2], [3, 4], [5, 6]]; const flattened = arr.flat(); // flattened: [1, 2, 3, 4, 5, 6] 2. 将多维数组展开为一维数组： const arr = [[1, 2], [3, [4, 5]], [6, [7, [8, 9]]]]; const flattened = arr.flat(Infinity); // flattened: [1, 2, 3, 4, 5, 6, 7, 8, 9] 需要注意的是，数组的flat方法返回一个新的一维数组，并不会修改原始数组。此外，如果原始数组中包含空槽位，则会将其忽略并展开。 数组的flat方法在处理多维数组时非常方便，可以简洁地将多维数组转化为一维，便于后续的处理和操作。方法简单易用，对于处理数组数据非常实用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值