数组扁平化flat

发表于2021-11-18|更新于2026-02-24

|浏览量:

还保持着较为清醒的头脑，就决然不能把人生之船长期停泊在某个温暖的港湾。——路遥《早晨从中午开始》

在前端开发中可能会有这样的需求：

将一个数组中的数组拆分出来放到原数组中

那么我们就可以使用flat函数

1	[1,[2,3,[4,5,6,[7,8,9]]]].flat()

flat中可以传入参数为数字，表示你要拆分数组的层数

如果全部拆分，可以使用flat(Infinity)

1	[1,[2,3,[4,5,6,[7,8,9]]]].flat(Infinity)

如果是较为复杂点的对象，则就只能使用map先取出来，再使用flat

1	[{ruben:[1]},{ruben:[2,3]}].map(({ruben})=>ruben).flat()

前端

相关推荐

2022-02-04

js原型对象

不存在十全十美的文章，如同不存在彻头彻尾的绝望。——《且听风吟》我们首先定义一个对象 1234567891011class Person { constructor(name,age) { this.name = name; this.age = age; } toString() { return '(' + this.name + ', ' + this.age + ')'; }};let ruben = new Person("ruben",21);console.log(ruben.toString()) 打印结果为： 1(ruben,21) 我们可以使用Person.prototype去获取Person的原型对象，从而更改类其中的方法 1234567Person.prototype.toString = function(){ return "Person{&q...

2020-06-30

jQuery的ajax

今天公司实习生问我jQuery的ajax怎么写，这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...

2020-12-06

let和const命令

一个人在学校里表面上的成绩，以及较高的名次，都是靠不住的，唯一的要点是你对于你所学的是否心里真正觉得很喜欢，是否真有浓厚的兴趣……——邹韬奋 es6出来这么久了，是时候系统学习一下了 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。——ECMAScript 6.0入门网站 1234567891011121314151617181920212223242526272829303132333435// let必须先声明再使用// console.log(a) // Uncaught ReferenceError: Cannot access 'a' before initializationlet a = "a";console.log(a); // a// var可以先使用再声明b = &qu...

2022-05-05

vite

给自己一点时间，别害怕重新开始。——威尔·鲍温分享一个前端开发与构建工具vite，官网： https://vitejs.cn/ 可以以极快的方式冷启动项目，极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project

2022-10-24

瀑布流组件vue-waterfall

坦白直率的言语，最容易打动悲哀的耳朵——莎士比亚分享一个vue瀑布流组件 vue-waterfall git地址：https://github.com/MopTym/vue-waterfall.git 竖向排列demo：http://app.moptym.com/vue-waterfall/demo/vertical-line.html 横向排列：http://app.moptym.com/vue-waterfall/demo/horizontal-line.html 竖向+变大：http://app.moptym.com/vue-waterfall/demo/vertical-line-with-grow.html

2023-10-27

react服务端组件

过分的赞美，对于心智是有害的。——克雷洛夫相关博客如下： Introducing Zero-Bundle-Size React Server Components – React https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components 仓库地址： https://github.com/reactjs/server-components-demo 这是一个使用服务器组件构建的Demo应用，服务器组件是一个实验性的 React 功能。我们强烈建议在浏览此演示之前观看介绍服务器组件的演讲视频。该视频包括演示代码的流程，并重点介绍服务器组件如何工作以及它们提供的功能的关键点。使用node18+，进入Demo 12npm install --legacy-peer-depsnpm start 此处再运行Docker，运行数据库环境 1docker-compose up 然后打开 http://localhost:...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中