网站首页 > 技术文章 正文
最近的工作太忙,忙到都没时间学习了。今天周末在家看看前端论坛,果然有了新发现,新收获。受到启发之后,抓紧时间来和大家分享。
关于数组的降维,我们经常使用的是ES6的flat方法,或者使用递归方式。今天看到了一种新的方式,先将数组转为字符串。下面看看例子:
const flatArray = function(arr){
arr = arr + '';
return arr.split(',').map(item => Number(item));
}
let arr = [[1,2],3,[4,5,[6,7]]];
console.log(flatArray(arr)); // [ 1, 2, 3, 4, 5, 6, 7 ]?
第二行的转换也可以使用toString方法。本质都是调用对象的toString方法,将对象转换为字符串。
但是这样也会存在问题,比如当数组中存在对象类型的元素时,这种方法就不好用了。感觉比较适合数组内元素为同一数据类型的场景,一般全是数字或字符串的时候很好用。
这种方法虽然有使用的局限性,但是胜在写法简单,简洁。
最后我也提供两种更常规的数组降维方法:
1.使用ES6 flat方法
const flatArray = function(arr){
return arr.flat(Infinity);
}
flat默认只展开一层,使用Infinity参数表示无穷展开,会将整个数组变为一维数组。
2.使用递归
const flatArray = function(arr){
const result = [];
const flat = function(arrItem) {
arrItem.forEach(item => {
Array.isArray(item) ? flat(item) : result.push(item);
})
}
flat(arr);
return result;
}
上面这两种方式适用全部数组降维展开场景,开头提到的转为字符串的方式使用的时候要注意。
如果你有想分享的想法,欢迎给我留言~
猜你喜欢
- 2024-11-23 修罗开源论坛关闭:“国内什么时候有真正开源环境再见!”
- 2024-11-23 你还在苦恼怎么学好前端吗?软帝给你答案
- 2024-11-23 前端如何动态判断访问者是PC访问还是app手机访问
- 2024-11-23 8年程序员面试架构师被淘汰:没10年前端经验,不要来,结果蒙了
- 2024-11-23 985硕士转行进互联网,感慨:简历投中大厂就没用,后悔成程序员
- 2024-11-23 js2flowchart:JS 代码可视化为流程图的利器!
- 2024-11-23 基于SSM框架的毕业设计管理系统的设计与实现
- 2024-11-23 时尚是场轮回,来看看当年的神仙审美,4款八十年代的如花美裙图解分享
- 2024-11-23 烧友分享|8平米空间,组建5.2.2实现全景声心路历程
- 2024-11-23 基于ssm“农特产品”网络交易平台设计与实现-计算机毕业设计
你 发表评论:
欢迎- 07-10Oracle 与 Google Cloud 携手大幅扩展多云服务
- 07-10分享收藏的 oracle 11.2.0.4各平台的下载地址
- 07-10Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- 07-10Oracle Database@Azure 推进到南美等新区域并增加了新服务
- 07-10Oracle宣布推出 Oracle Database@AWS 的有限预览版
- 07-10Oracle与Nextcloud合作,推出主权云上的安全协作平台
- 07-10NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 07-10对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 602℃几个Oracle空值处理函数 oracle处理null值的函数
- 594℃Oracle分析函数之Lag和Lead()使用
- 582℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 579℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 574℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 567℃【数据统计分析】详解Oracle分组函数之CUBE
- 554℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 548℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
-
- Oracle 与 Google Cloud 携手大幅扩展多云服务
- 分享收藏的 oracle 11.2.0.4各平台的下载地址
- Oracle 和 Microsoft 推出 Oracle Exadata 数据库服务
- Oracle Database@Azure 推进到南美等新区域并增加了新服务
- Oracle宣布推出 Oracle Database@AWS 的有限预览版
- Oracle与Nextcloud合作,推出主权云上的安全协作平台
- NodeRED魔改版连接MsSql、PostgreSQL、MySQL、OracleDB存储无忧
- 对于企业数据云备份,“多备份”承诺的是成本更低,管理更高效#36氪开放日深圳站#
- 解读丨《归档文件整理规则》— 电子文件元数据存储
- Data Guard跳归档恢复的实践(dataguard failover)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端获取当前时间 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)