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

前端

相关推荐

2023-03-20

svelte

我宁肯忘掉亏欠自己的而不愿忘掉亏欠别人的。——贝多芬分享一个前端框架svelte 官网：https://svelte.dev/ 仓库链接：https://github.com/sveltejs/svelte 语法非常的简单容易上手 12345<script> let name = 'world';</script><h1>Hello {name}!</h1> 同样是响应式非常的有意思使用也很简单 1234npm create svelte@latest myappcd myappnpm installnpm run dev

2022-06-18

js拖拽框选插件

只要你具备了精神气质的美，只要你有这样的自信，你就会拥有风度的自然之美。——金马分享一个js的拖拽框选插件官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： 1pnpm i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...

2021-06-21

wangEditor接入阿里云OSS

我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭我们昨天接入了wangEditor富文本编辑器今天我们试着将阿里云OSS集成进wangEditor 首先我们先使用vue在页面渲染结束后调用初始化wangEditor 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1....

2022-11-21

css-tricks

站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/

2025-05-03

hoppscotch

往往有这样的情形：为科学和技术开拓新道路的，有时并不是科学界的著名人物，而是科学界毫不知名的人物，平凡的人物，实践家，工作革新者。 —— 斯大林 https://github.com/hoppscotch/hoppscotch/ https://hoppscotch.io/ Hoppscotch：开源 API 开发生态系统在现代 Web 开发中，API 是核心组件之一，开发者需要一套高效、可靠的工具来测试和开发 API。Hoppscotch 是一个开源的 API 开发生态系统，提供了强大且简洁的功能，作为 Postman 和 Insomnia 的开源替代品，正在受到越来越多开发者的青睐。什么是 Hoppscotch？Hoppscotch 是一个轻量级且功能丰富的 API 客户端，专为开发者设计。它支持 HTTP 请求测试、GraphQL 查询、WebSocket 调试等功能，同时提供了现代化的用户界面和高效的工作流，帮助开发者快速完成 API 的开发和测试。核心特点：跨平台支持：Hoppscotch 是一个 Progressive Web App (PWA)，可在浏览...

2021-05-19

jq获取实时宽度

乐观使你倾向于幸福健康事业顺利，悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚代码如下 12345$(window).resize(() => { var height = $(window).height(); var width = $(window).width(); console.log(height+" "+width)}); 然后当我窗口大小发生变化时就会触发

阿超

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

数据加载中