什么是数组扁平化,把一个二维数组变成一维数组的方式有哪些

最新推荐文章于 2023-10-12 16:44:33 发布
原创 最新推荐文章于 2023-10-12 16:44:33 发布 · 618 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#其他 #经验分享 #java

本文介绍了将二维数组转换为一维数组的七种方法，包括for-in循环、reduce、toString、join、解构、flat及ES6扩展运算符。扩展运算符在数组操作中有多种用途，如合并数组、多参数传递和展开Iterator对象。通过这些方法，你可以灵活地处理多层嵌套的数组结构。

数组扁平化就是指将多维数组变为一维数组
把一个二维数组变成一维数组的方式:
1、for-in
2、reduce()
3、toString()
4、join()
5、解构
6、flat()
7、ES6扩展运算符（…）
—扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。
扩展运算符的作用：
1、合并数组
2、函数多参数传递, 替换Apply
3、与解构配合赋值
4、可以展开实现了Iterator 接口的对象
5、

yzkdcsdn
关注
『JavaScript』二维数组螺旋扁平化
Devmc的博客
03-27 778
在准备蓝桥杯 Web 赛项的时候，遇到过一个问题：公主被关在地图中央，骑⼠最开始在⼆维地图 [0, 0] 的位置。补全 mazePath 函数，将起点到终点顺时针经过的每个元素（即 class 包含 box ） data-index 属性值依次保存在数组中并返回。 现在，我们要开发一个通用方法，将 row * column 的二维数组（矩阵）按规则转化为一维数组。暂且将这个方法称为 `二维数组螺旋扁平化`，下面将介绍二维数组的 `顺时针螺旋扁平化` 和 `逆时针螺旋扁平化`。
JavaScript数组扁平化（Array Flattening）全解析：从基础到进阶的9种实现方式及深度对比
读心悦
06-08 1279
本文系统总结了JavaScript中数组扁平化的实现方法与应用场景。主要内容包括： 原生方法：介绍Array.prototype.flat()、扩展运算符+concat等方法的使用与局限； 递归与迭代：对比递归遍历、迭代循环等实现方式的优缺点； ES6新特性：展示Generator函数、解构赋值等新特性的应用； 第三方库：提及Lodash的工业级实现方案。文章通过代码示例详细说明各方法的适用场景、性能表现和注意事项，为处理多维数组提供了全面的技术方案参考。
js将数组扁平化二维数组变一维数组
weixin_45486168的博客
06-29 696
第一种-- Es6 扩展运算符 var a=[1,2,3,4,[5,6]]; console.log([].concat(...a)); // [1, 2, 3, 4, 5, 6] 扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。 第二种-- 数组的join() var a=[1,2,3,4,[5,6]]; var newArr = a.join().split(','); console.log(newArr) // ["1", "2", "3", "4", "5", "6
JavaScript数组的扁平化：将 2D JavaScript 二维数组转换为 1D 一维数组（多种方法）
南北极之间
06-28 1260
什么是数组扁平化？数组扁平化：指将一个多维数组转化为一个一维数组。给定数组： 目标值： 方法： ​ 解决方案 1：使用 concat（） 和 apply（） ​ ​ 解决方案 2：使用 reduce（） ​ 解决方案 3：递归遍历 解决方案 4：在 ES6 中使用点差运算符(扩展运算符) ​ 解决方案 5：在 ES10 中使用 flat（） ​ 解决方案 6：for循环 原理很简单，先把数组转换成字符串，这个过程会吧[]去掉，
5种方法实现数组扁平化
weixin_33939380的博客
04-22 453
数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5] 复制代码实现 1. reduce 遍历数组每一项，若值为数组则递归遍历，否则concat。 function flatten(arr) { return arr.reduce((result, item)=> { ...
什么是数组扁平化？
zzh990822的博客
09-10 2340
什么是数组扁平化？ 数组扁平化就是将一个多维数组转换为一个一维数组 实现基本方式 1、对数组的每一项进行遍历。 2、判断该项是否是数组。 3、如果该项不是数组则将其直接放进新数组。 4、是数组则回到1，继续迭代。 5、当数组遍历完成，返回这个新数组。 1.常规方式 递归处理 Array.prototype.flatten = function () { var resultArr = []; var len = this.length; for (var i = 0; i < len;
如何将二维数组扁平化成一维数组实例
fury的博客
10-30 326
在后面加了.flat方法 将数组进行了扁平化的处理。我们想将二维数组变成一维数组简化数据的使用。这里的代码还是二维数组。
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
10-17
在JavaScript中，数组扁平化是指将一个多维数组转换为一维数组的过程，这在处理复杂数据结构时非常有用。本文将重点讲解如何实现数组扁平化以及`push()`和`concat()`方法的区别。 首先，让我们看看如何通过递归方法...
python矩阵转换为一维数组的实例
09-20
在Python编程语言中，处理矩阵和数组数据时，有时我们需要将二维矩阵转换成一维数组。这在数据处理、科学计算或机器学习等场景中非常常见。本篇将详细讲解如何将Python中的矩阵转换为一维数组，并通过一个具体的实例...
PHP实现二维数组（或多维数组）转换成一维数组的常见方法总结
12-20
一个二维数组是由多个一维数组组成的，形如： ```php $user = array( '0' => array('id' => 100, 'username' => 'a1'), '1' => array('id' => 101, 'username' => 'a2'), '2' => array('id' => 102, 'username' ...
compact-object:与 omit-empty 类似，递归地省略空属性，但也将对象中的嵌套数组压缩扁平化
06-16
紧凑对象 与 omit-empty 类似，递归地省略空属性，但也会压缩/展平对象中的嵌套数组。 另请参阅 。 使用安装 npm i compact-object --save 运行测试 安装开发依赖项。 npm i -d && npm test 用法 var compact = require ( 'compact-object' ) ; compact ( { a : 'a' , b : '' } ) ; //=> {a: 'a'} compact ( { a : 'a' , b : { c : 'c' , d : '' } ) ; //=> {a: 'a', b: {c: 'c'} compact ( { a : [ 'a' ] , b : [ [ 'foo' ] , [ ] , [ 'baz' ] ] } ) ; //=> {a: ['a'], b: ['foo', 'baz
数组扁平化 （将多维数组转换为一维数组）
liangmeng556的博客
08-25 351
<script> //多维数组转换为一维数组 vararr=[1,[2,[3,[4,[5]]]]] //1.数组自带的方法 console.log(arr.flat(Infinity)); //2.正则 letres=JSON.stringify(arr).replace(/\[|\]/g,"").split(",") //3.改进 ...
数组扁平化
关注我！带你一路 "狂飙" 到底！
11-18 418
概念：用于将嵌套多层的数组“拉平”，变成一维的数组 方法一：通过concat将二维数组转化为一维数组 原理：通过将扩展运算符，将数组内部展开，并通过concat连接两个字符串的方式返回一个新的数组 let a = [12, 3, 45, [6, 7, 8]] console.log(a) // [12, 3, 45, Array(3)] console.log([].concat(...a)) // [12, 3, 45, 6, 7, 8] 需要更多教程，微信扫码即可 ..
sum二维数组扁平为一维数组
NxxCalm的博客
11-04 370
leetcode LCP39 无人机方阵 python代码解法技术群有小伙伴不理解，自己探索解读下 from typing import List from collections import Counter class Solution: def minimumSwitchingTimes(self, source: List[List[int]], target: List[List[int]]) -> int: source, target = Counter(s
二维数组扁平化处理方法
weixin_42101753的博客
10-10 1162
方法如下： ...new Set([].concat(...arr).map(i=>i.aaa)) 效果如下：
数组扁平化的几种实现方式
luzhaopan的博客
10-14 4002
1.二维数组时，可以简单使用flat()方法 let arr = [[1,2],[3,4],[5,6]].flat(); let arr = [[1,2],[3,4],[5,6]].flat(); console.log(arr); // [1,2,3,4,5,6] 如果是多维数组，则flat()将达不到效果， 2.迭代实现 const arr = [1,2,[3,4,5,[6,7],8],9,10,[11,[12,13]]]; const flatten = (arr) => {.
JAVA数组扁平化整合_5种方法实现数组扁平化
weixin_29023445的博客
02-26 1622
数组扁平化概念数组扁平化是指将一个多维数组变为一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]复制代码实现1. reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr){return arr.reduce((result, item)=> {return result.conca...
什么是数组扁平化？如何将一个二维数组变成一维数组方法有哪些？
weixin_52369825的博客
10-12 294
数组扁平化
js多维数组扁平化
weixin_30868855的博客
03-08 553
数组扁平化，就是将多维数组碾平为一维数组，方便使用。 一：例如，一个二维数组var arr = ['a', ['b', 2], ['c', 3, 'x']]，将其扁平化： 1. 通过 apply 借用数组的 concat 方法： [].concat.apply([], arr); 结果如下： jQuery 中的 map 方法就用到了这个技巧。 但如果直接调用 concat 方法...
如何把二维数组转成一维数据，并把包含children的数组扁平化
最新发布
09-19
### 二维数组转一维数组的方法 #### 1. 使用扩展运算符 扩展运算符只能展开一层数组，若数组中还有数组，可多次使用扩展运算符展开。 ```javascript var a = [1, 2, 3, [4, 5]]; var newArr = [].concat(...a); console.log(newArr); // [1, 2, 3, 4, 5] ``` #### 2. 使用数组的 `join()` 和 `split()` 方法 ```javascript var a = [1, 2, 3, [4, 5]]; var newArr = a.join().split(','); // 注意：使用此方法后数组元素会变成字符串类型 console.log(newArr); // ["1", "2", "3", "4", "5"] ``` #### 3. 使用 `flat()` 方法 `flat()` 方法可以指定展开的深度，若要展开多层嵌套数组，可使用 `Infinity` 作为参数。 ```javascript // 嵌套一层 flat(1) var a = [1, 2, 3, [4, 5]]; console.log(a.flat()); // [1, 2, 3, 4, 5] // 嵌套多层 flat(Infinity) console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5] // flat() 还可以跳过空位 console.log([1, [2, , 3]].flat()); // [1, 2, 3] ``` #### 4. 使用递归方法 ```javascript var arr = [1, 2, 3, [4, 5]]; function flatten(arr) { var res = []; for (var i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { res = res.concat(flatten(arr[i])); } else { res.push(arr[i]); } } return res; } console.log(flatten(arr)); // [1, 2, 3, 4, 5] ``` ### 包含 `children` 的数组扁平化的方法 可以使用递归方法将包含 `children` 的数组扁平化。 ```javascript function flattenTree(arr) { let result = []; for (let item of arr) { result.push(item); if (item.children && item.children.length > 0) { result = result.concat(flattenTree(item.children)); // 可以根据需求选择是否保留 children 属性 delete item.children; } } return result; } // 示例数据 var tree = [ { id: 1, text: '一级1', children: [ { id: 3, text: '二级1-1', children: [ { id: 7, text: '三级1-1-1' } ]} ]}, { id: 2, text: '一级2', children: [ { id: 5, text: '二级2-1' } ]} ]; var flattened = flattenTree(tree); console.log(flattened); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值