数组扁平化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()

前端

相关推荐

2021-11-10

css中的&

要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克今天看到一种css写法： 123456789/deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器 sass中文文档提到了这个父选择器上方的&-text其实就表示.message-item-text 12345.message-item { &-text { position: absolute; }} 编译后为： 12345.message-item { .message-item-text { position: absolute; }}

2025-12-21

bun

时间就象海绵里的水一样，只要你愿意挤，总还是有的。——鲁迅 Bun 全面上手：Zig 打造的全能 JavaScript/TypeScript 工具链，一行命令跑起你的全栈应用仓库地址：oven-sh/bun官方文档与指南：bun.com/docs简介：Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链，单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器，目标是成为 Node.js 的“即可替换”运行时。为什么是 Bun？来自官方 README 的定义： Bun 是一个全能（all-in-one）工具集，单一可执行文件 bun。核心是一个高速运行时，以 Zig 编写，底层由 JavaScriptCore 驱动。设计目标：在尽可能多的场景下，直接替换 Node.js 使用。开箱支持 TypeScript 与 JSX；内置测试、脚本运行和Node 兼容的包管理器。一句话概括：有了 Bun，你可以更少的依赖、更短的启动链路、更快的开发/运行体验，把“常见的 No...

2020-10-10

location

方向是比速度更重要的追求。——白岩松转载，原文 Location 对象Location 对象包含有关当前 URL 的信息。 Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。注意：没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。 Location 对象属性属性描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分 Location 对象方法方法说明 assign() 载入一个新的文档 reload() 重新载入当前文档 replace() 用新的文档替换当前文档

2021-05-12

vue子组件调用父组件方法

强迫学习的东西是不会保存在心里的。——《柏拉图论教育》首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数里面这行this.$emit('parentEvent', '我的');表示调用在父组件引用子组件时传入的事件例如我这里调用了parentEvent，传入了个“我的”...

2025-05-17

pickr

业精于勤，荒于嬉。—— 韩愈《进学解》 https://github.com/simonwep/pickr Pickr：一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中，颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器，但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库，它提供了丰富的功能，同时完全兼容所有主流 CSS 框架。什么是 Pickr？Pickr 是一个开源的颜色选择器库，支持多种颜色格式（如 rgba、hsla、hsva 等），并提供多种主题和自定义选项。它专为现代前端开发设计，具有以下特点：核心特点：无依赖：不依赖任何第三方库（如 jQuery）。多格式支持：支持 rgba、hsla、hsva、hex 和 CMYK 格式。多主题：内置多种主题样式，兼容主流 CSS 框架（如 Bootstrap、Materialize）。响应式设计：适配移动端和桌面端。自定义能力：可通过 JavaScript 和 CSS 轻松自定义外观和功能。支持透明度：包括 alpha 通道的选择。轻量级：小巧...

2023-05-11

Arco Design Pro

旧书不厌百回读，熟读深思子自知——苏轼分享一个开箱即用的中后台前端解决方案 https://github.com/arco-design/arco-design-pro-vue

阿超

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

数据加载中