数组扁平化flat
发表于|更新于
|浏览量:
还保持着较为清醒的头脑,就决然不能把人生之船长期停泊在某个温暖的港湾。——路遥《早晨从中午开始》
在前端开发中可能会有这样的需求:
将一个数组中的数组拆分出来放到原数组中
那么我们就可以使用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-04-17
vue-router传参
生命是一张弓,那弓弦是梦想。——罗曼·罗兰 官网 之前我们配置过路由,这里就不多赘述如何配置了 我们聊聊如何传参 我们之前使用方式如下 1this.$router.push(page); 这里page为path,值为我们在router的index.js中配的/message/message 我们如果需要传参 则可以使用下面这种方式 123456789this.$router.push({ name: pageName, params: { userId: '123' }, query: { plan: 'private' }}); 注意这里pageName是我们在路由中配置的name而不再是path了,因为path和params一起用会导致params为空对象 按照我们上面写的,我们跳转到message页面去了 1234567891011121314151617<template> <div> {{$route.para...
2021-09-05
echarts中国主要城市空气质量
行之苟有恒,久久自芬芳。——崔瑗 中国主要城市空气质量: 代码出处:https://echarts.apache.org/examples/zh/editor.html?c=effectScatter-bmap 这是我在echarts官方网站示例上找到的 然后是代码: 注意下方要换成百度地图的AK 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151...
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如: 1<p data-foo="hello">world</p> css: 123[data-foo]::before { content: attr(data-foo) " ";} 效果: [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性,也可以获取其他的,例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...
2023-01-03
buttons
善人同处,则日闻嘉讯;恶人同游,则日生邪情。——范晔 分享一个按钮样式项目: https://github.com/alexwolfe/Buttons 对应的网站: https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果 包括3d等等
2025-05-28
react-router+ant-design菜单页面到快速部署
天将降大任于是人也,必先苦其心志,劳其筋骨,饿其体肤,空乏其身,行拂乱其所为。——《孟子·告子下》 首先是package.json 123456789101112131415161718192021222324{ "name": "basic", "private": true, "scripts": { "dev": "vite", "build": "tsc && vite build", "serve": "vite preview" }, "dependencies": { "antd": "^5.25.3", "react": "^18.2.0", "react...
2021-08-20
layui数据表格
一个能思想的人,才真是一个力量无边的人。——巴尔扎克 使用layui进行数据表格对接的时候,要注意数据请求和返回的格式 一定要多看文档 https://www.layui.com/doc/modules/table.html 例如我这里 12345678910111213141516171819202122<!-- 表格 --><table class="layui-hide" id="test-table-toolbar" lay-filter="test-table-toolbar"></table><script id="test-table-toolbar-toolbarDemo" type="text/html"> <!-- 头部工具栏 --> <a class="layui-btn layui-btn...

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