JS实现数组扁平化

文章目录

JS实现数组扁平化
- 一、递归实现
- 二、flat实现
- 三、通过扩展运算符实现
JS对象扁平化

一、递归实现

map实现

const arr = [[0], 1, 2, [3, [4, 5]],[1,2,5,8],6];
Array.prototype.flat = function(){const result = this.map((item)=>{if(Array.isArray(item)){return item.flat();}else{return [item];}});// ...扩展运算符能将数组转换为逗号分割的参数序列return [].concat(...result)
}
console.log(arr.flat());
let tmp = [...new Set(arr.flat())];
console.log(tmp);

function flatten(arr){const res =  arr.map(item =>{if(Array.isArray(item)){return flatten(item);}else{return [item];}})return [].concat(...res)
}
console.log(flatten(arr));

for of 实现

const arr = [[0], 1, 2, [3, [4, 5]],[1,2,5,8],6];
function flatten(sourceArray, flattenedArray = []){for (const element of sourceArray) {if (Array.isArray(element)) {flatten(element, flattenedArray);} else {flattenedArray.push(element);}}return flattenedArray;
}
console.log(flatten(arr));

二、flat实现

ES6 中的 flat ⽅法来实现数组扁平化。flat ⽅法的语法：arr.flat ( [depth] )其中 depth 是 flat 的参数，depth 是可以传递数组的展开深度（默认不填、数值是 1），即展开⼀层数组。如果层数不确定，参数可以传进 Infinity，代表不论多少层都要展开：

const arr = [[0], 1, 2, [3, [4, 5]],[1,2,5,8],6];
function flatten(arr){return arr.flat(Infinity);
}
console.log(flatten(arr));

三、通过扩展运算符实现

这个⽅法的实现，采⽤了扩展运算符和 some 的⽅法，两者共同使⽤，达到数组扁平化的⽬的

const arr = [[0], 1, 2, [3, [4, 5]],[1,2,5,8],6];
function flatten(arr){while(arr.some(item => Array.isArray(item))){arr =[].concat(...arr);}return arr;
}
console.log(flatten(arr));

JS对象扁平化

//对象扁平化
function flat(obj) {var newObj = {};function format(o, pre) {for (let key in o) {if (typeof o[key] === 'object') {if (!pre) {format(o[key], key);}else {if (Array.isArray(o)) {format(o[key], pre + '[' + key + ']');}else {format(o[key], pre + '.' + key);}}}else {if (!pre) {newObj[key] = o[key];}else {if (Array.isArray(o)) {newObj[pre + '[' + key + ']'] = o[key];}else {newObj[pre + '.' + key] = o[key];}}}}}format(obj, null);return newObj;
}

JS实现数组/对象扁平化相关推荐

js的tree数组对象扁平化思否_JS专题之数组展开
前言首先什么是数组展开? 假如现在有这样一个需求:将后台的一个多重 List 数据,展开成一个 List 后,并去重后排序: ["a", "b", [&quo ...
js的tree数组对象扁平化思否_js 中的tree型数组如何去重与合并？
假设数据是这样的,不难发现,其中父级roleCode有重复的,子级roleCode也有重复的,如何做到把重复的去掉,同时,又可以把不重复的合并到一起呢? testTreeData: [ { roleC ...
JavaScript数组的扁平化：将 2D JavaScript 二维数组转换为 1D 一维数组（多种方法）
推荐阅读: js对象扁平化:_南北极之间的博客-CSDN博客_js扁平化js对象扁平化的方法:1.使用 concat() 方法在2. 使用 flat() 方法3.使用用户定义的函数此示例将设置一个包含 ...
js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> {var hash = {};for(let i=0;i<arr.length;i++){if (!hash[ar ...
Python学习 Day31 JS类数组对象
JS类数组对象一.三元运算符概述:三元运算符由三部分组成,使用语法如下: A ? B : C 三元运算符A:它需要的是一个布尔值(其他类型数值也可以,但是需要隐式转换为布尔值) 如果A部分为布尔值 ...
JavaScript 对象扁平化
JavaScript对象扁平化我们平时肯定遇到过多层嵌套的对象,name如何将它扁平化呢?一起来看看吧! 函数封装如下: function flatten (obj) {const ans = {} ...
js给数组添加数据的方式/js 向数组对象中添加属性和属性值
参考:https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种: 直接利用数组下标赋值来增加(数组的下标起始值是0) 例,先存在一个 ...
动态js创建数组对象
动态js创建数组对象 var items = []; for (var i = 0; i < 10; i++) { items.push({ id: i, level: i + '级' }) }
js前端数组对象键大写下划线转驼峰
js前端数组对象键大写下划线转驼峰我是分为两步去进行转的第一步,先将对象的键从大写转换为小写第二步,再将下划线转为驼峰格式 1.大写转小写代码参考如下 upLowercase(inputObj) ...
我知道的JavaScript--Json对象扁平化
引子: 在Asp.net mvc 框架下用Ajax方法提交一个复杂的Json 对象到Action方法上, 会出现一些问题,这里我们用Javascript 的方式去解决这个问题,在asp.net mvc ...

JS实现数组/对象扁平化

JS实现数组扁平化

文章目录

一、递归实现

二、flat实现

三、通过扩展运算符实现

JS对象扁平化

JS实现数组/对象扁平化相关推荐

最新文章

热门文章