使用object.values和flat实现数组扁平化

最新推荐文章于 2025-03-13 09:00:00 发布
最新推荐文章于 2025-03-13 09:00:00 发布
阅读量799 收藏 1
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_64436918/article/details/125180071
版权
本文探讨了JavaScript中Object.values()函数的作用，即获取对象的所有可枚举属性值，以及flat()方法如何递归扁平化数组。特别关注Infinity参数的使用，展示两者在实际开发中的应用场景和技巧。

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

Object.values()返回一个数组，其元素是在对象上找到的可枚举属性值。属性的顺序与通过手动循环对象的属性值所给出的顺序相同。

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

其中使用Infinity作为flat的参数，使得无需知道被扁平化的数组的维度。

 

Object.values()
代码青春
05-10 518
对象自己的所有属性值的数组 <script> var obj = { 10: 'a', 1: 'b', 2: 'c' }; console.log(Object.values(obj)); // ['b', 'c', 'a'] var obj1 = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object
Java基础，写一个flat函数
mengxin1995的博客
08-19 1457
有这样一个需求，在一个A类中，有个一对象C数组arr,,对象里面有一个字段叫做x；在一个B类中，有一个对象D数组arr，对象里面有一个字段叫做y；有点晕，我们来看看对应的JavaBean A.javapublic class A{ public List<C> arr = new ArrayList<>(); static class C{ public int x
Object.entries（）方法,flat（）方法
m0_72885442的博客
07-31 201
/总结：flat()方法会将二维以及多维数组转化为一维数组，flat()方法默认只会将二维数组转化为一维数组，如果是多维数组，需要对flat()进行传递参数。总结：Object.entries()方法对数组和对象都可以使用，结果为二维数组，不过可以用flat方法将二维数组转化为一维数组。（也就是数组里包含数组），数组中第一项为对象的key，第二项为值。//多维数组没有传参的打印值，默认只是扁平化‘一层’二维数组。//flat（）方法会把二维数组转化为一维数组。//打印的resArr的值。
JavaScript数组的扁平化处理（flat( )实现多维到一维）
ct5211314的博客
06-09 375
多维数组可以看成数组中的数组，即数组中存储的类型为数组即是多维数组； 例如，在开发中遇到的嵌套的数据类型，数组里面有数组的那种，这个时候需要处理的话，或者查找某个值，相对就比较麻烦，当然也能实现，通过数组方法、循环、递归等，但比较麻烦，所以有没办办法把多维数组转成以为一维数组呢？还真有，哥们，哥们，看过来哥们。ES6方法，哥们，includes()，哥们，赶紧学起来，哥们。......
ES8语法：Object.values() Object.entries()——对象的key和value转化
Eleuuuuy的博客
10-15 864
Object.values() Object.values()是一个与Object.keys()类似的新函数，但返回的是Object自身属性的所有值，不包括继承的值。 假设我们要遍历如下对象obj的所有值： const obj = {a: 1, b: 2, c: 3}; 不使用Object.values() :ES7 const vals=Object.keys(obj).map(key=>obj[key]); console.log(vals);//[1, 2, 3] 使用Object.valu
JavaScript 中 `for` 循环、`flatMap` 和 `Object.values()` 的详细对比
最新发布
m0_72030584的博客
03-13 910
for循环•优势• 兼容性最佳，适用于所有环境。• 完全控制循环流程（如提前终止、动态索引）。• 支持异步操作（await•劣势• 代码冗长，易出错（如漏写i++• 不适用于数组扁平化等简单操作。flatMap•优势• 语法简洁，链式调用友好。• 高效处理多维数组，性能优于手动mapflat。•劣势• 仅限数组，无法处理对象。• 对非数组元素无处理能力（需预过滤）。•优势• 快速将对象属性值转为数组。• 键顺序稳定（ES2017+）。•劣势。
JAVA数组扁平化整合_一文搞定数组扁平化（超全面的数组拉平方案及实现）
weixin_34086545的博客
02-26 914
前言面试手写代码在大厂面试中非常常见，秋招中面试小米就手写了一道flat实现的代码题，当时通过递归方式实现了数组扁平化逻辑，但没有考虑多种实现方案及其边界条件(主要是对所涉及到高阶函数的知识点不够熟练，也没有考虑空位处理)，现在从头梳理一下，并尽可能全面地总结数组扁平化的实现方案。数组扁平化数组扁平化即将一个嵌套多层的数组array(嵌套可以是任意层数)转换为只有一层的数组，如将数组[1,[2,[...
一文搞定数组扁平化（超全面的数组拉平方案及实现）
weixin_42118522的博客
11-02 987
前言 面试手写代码在大厂面试中非常常见，秋招中面试小米就手写了一道flat实现的代码题，当时通过递归方式实现了数组扁平化逻辑，但没有考虑多种实现方案及其边界条件(主要是对所涉及到高阶函数的知识点不够熟练，也没有考虑空位处理)，现在从头梳理一下，并尽可能全面地总结数组扁平化的实现方案。 数组扁平化 数组扁平化即将一个嵌套多层的数组array(嵌套可以是任意层数)转换为只有一层的数组，如将数组[1,[2,[3,[4,5]]]]转换为[1,2,3,4,5]。 最直接的数组扁平化方案是使用Array.prototy
多维数组扁平化-实现flat函数
微光·火炬
04-14 877
答案见末尾 实现多维数组拍平（数组扁平化） 多维数组拍平答案 递归（forEach） var flat = (arr) => { let ans = []; arr.forEach((item, index) => { ans = Array.isArray(item) ? ans.concat(flat(item)) : ans.concat(item); }) return ans; } var arr = [1,[2,3],[4,[5.
面试官连环追问：数组拍平（扁平化） flat 方法实现
公众号：前端铁蛋
12-28 1678
前言 前段时间秋招面哔哩哔哩的时候，面试官问：如何实现 flat 方法？当时手写的并不完美，后来回盘复习，发现面试要求手写数组拍平（扁平化） flat 方法的面试官不在少数。其中包括：拼多多、小米、美团、滴滴、shopee、有赞等。手写 flat 方法是一道非常基础的面试题，通常出现在笔试或者第一轮面试当中，主要考察基本的手写代码的能力。今天就从了解 flat 特性到实现 flat 再到接住面试官...
JavaScript Array.flat()函数用法解析
10-14
主要介绍了JavaScript Array.flat()函数用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js 数组展开之 flat()
我只是个很菜的前端
04-06 287
js 数组展开之 flat()
图解JavaScript——代码实现【1】（Object.assign()、flat()等十四种代码原理实现不香吗？）
JNPF快速开发平台的博客
08-18 299
使用思维导图来对new、instanceof、Object.create()、Object.assign()、map()、filter()、reduce()、flat()、call()、apply()、bind()、防抖、节流、深拷贝的实现原理进行阐述，然后利用js代码进行实现，为前端切图仔在求职工作中再添一门武功秘籍，提升自身内功。本节为第一节，后面将继续探索Promise、Async、Axios、发布订阅等的实现，请各位大佬关注指正。 一、new function New (Fn, ...
Javascript数组常用方法重写之flat
weixin_43263355的博客
01-03 717
概要 本文主要目的是探讨在ES5中，数组原型链上flat方法是如何实现的。文章提供了基于reduce方法和基于map方法的两种实现思路。 map和reduce方法的底层实现，请参看我的博文Javascript数组常用方法重写之map，reduce，some，every 代码实现 基本功能：将多维数组转换为1维数组。 基于ES5 和 reduce方法的实现 function flaten(temp){ arr = this; temp = temp || []; return arr.
js对象扁平化：Javascript对象进行扁平化处理
南北极之间
06-28 5776
js对象扁平化的方法：1、使用 concat（） 方法在2、 使用 flat（） 方法3、使用用户定义的函数此示例将设置一个包含数组对象、普通对象和嵌套对象的对象。我们将在方法和方法的帮助下展平整个对象。将返回一个包含所有其他对象的数组，并将合并这些对象。 输出： 所有对象都平展在单个数组中，嵌套对象是该合并数组的成员。在输出中，您几乎无法区分先前的键值对。我们分离了键，并用值将它们连接起来。在这里，我们将观察一个类似的对象，以展平其组件。我们将使用该方法来平展主对象的各个对象的值。因此，我们只会得到
javascript实战笔记
前端工程师，博文都是自己学习到的，或者开发中遇到的点，记录一下
01-28 1239
1.flat() - 数组扁平化 flat()会按照指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并，返回新数组 let arrayOne = [0, 1, 2, [3]] arrayOne.flat() // [0, 1, 2, 3] let arrayTwo = [0, 1, 2, [[[3]]]]; arrayTwo.flat(2) // [0, 1, 2, [3]] arrayTwo.flat(3) // [0, 1, 2, 3, 4] //使用 Infinity
ES6常用知识点
gyg_0521的博客
01-28 294
前言 以下总结为本人开发中常用的部分ES6知识点，并不代表全部，且需注意一点，ES5之后的js语法统称为ES6（以ES7 ES8等来命名未免有失规范）。 1、解构赋值 我们在一个程序中，经常会进行取值操作，如从某个对象obj中取值 let obj = { a:1, b:2, c:3 } ES5取值 let a = obj.a; let b = obj.b; let c = obj.c; 上面的取值方式，属性少还好，万一属性很多时，代码量就会增加很多，看上去显得冗余、
数组 多维数据 Object.values 、 Object.keys 、Object、entries Object.fromEntries、flat 、flatMap总结
u013400314的博客
06-25 147
嘻嘻嘻
ES6相对于ES5的优化（二）
Hannaaa的博客
11-06 258
一、关于扁平化数组 一个部门JSON数据当中，属性名是部门id，属性值是各个部门成员id数组的集合，现在要把有部门的成员id提取出来放到一个数组集合中。 const deps = { '人事部' : [1,2,3], '采购部' : [3,4,5], '研发部' : [5,6,7], '教育部' : [8,9,10], } let member = []; for(let item in deps){ const value = deps[item];
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值