题目:
请写出一个数组拍平函数。效果如下:
var arr=['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4];
flat(arr) //a,b,c,2,d,e,f,g,3,4
方法一:使用toString方法先将arr转换为一个字符串, 再以split分割为数组,再将数组里面的元素转换为数字类型
var arr =['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4]; function flat(arr) { return arr.toString().split(',').map(function(item){ return Number(item) }) } console.log(flat(arr))
方法二: toString 格式转换 与方法一类似 都是隐士类型转换
var arr = ['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4]; // 方法二:toString(格式转换) var flag = function(arr) { let toString = Array.prototype.toString; Array.prototype.toString = function() { return this.join(','); }; let result = arr + ''; Array.prototype.toString = toString; return result; }; console.log(flag(arr));
方法三: valueOf(格式转换) 与方法一 二类似 都是隐士类型转化原理
// 方法三:valueOf(格式转换) Array.prototype.valueOf = function() { return this.join(','); }; var flat = function(arr) { return arr + ''; }; console.log(flat(['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4]));
方法四: 利用reduce特性
function flat(arr) { return newArr = arr.reduce((a, b) => { return a.concat(b) }, []) } var arr = ['a', ['b', 'c'], '2', ['d', 'e', 'f'], 'g', 3, 4]; console.log(flat(arr));
方法五:利用递归
function flat(array) { var result = []; var each = function(arr) { arr.forEach(item => { if (item instanceof Array) { each(item); } else { result.push(item); } }); }; each(array); return result.join(','); } var arr = ['a', ['b', 'c', [7, 8]], 2, ['d', 'e', 'f'], 'g', 3, 4]; console.log(flat(arr));
方法六: ES6的遍历器 Iterator 给数据结构增加遍历器必须增加一个next方法
// Iterator Array.prototype[Symbol.iterator] = function() { let arr = [].concat(this); // arr=['a', ['b', 'c'], '2', ['d', 'e', 'f'], 'g', 3, 4] let getFirst = function(array) { let first = array.shift(); if (first instanceof Array) { if (first.length > 1) { arr = first.slice(1).concat(array); } first = first[0]; } return first; }; return { next: function() { //类似与遍历 let item = getFirst(arr); if (item) { return { value: item, done: false, }; } else { return { done: true, }; } }, }; }; var flat = function(arr) { let r = []; for (let i of arr) { r.push(i); } // i 已经是单个元素 return r.join(','); }; var arr = ['a', ['b', 'c'], '2', ['d', 'e', 'f'], 'g', 3, 4]; console.log(flat(arr));
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
Js,数组扁平化
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
白云城资源网 Copyright www.dyhadc.com
暂无“Js数组扁平化实现方法代码总汇”评论...
更新日志
2024年11月15日
2024年11月15日
- 谭咏麟《20世纪中华歌坛名人百集珍藏版》[WAV+CUE][1G]
- 炉石传说40轮盘术最新卡组代码在哪找 标准40轮盘术卡组代码分享
- 炉石传说亲王贼怎么玩 2024亲王贼最新卡组代码分享
- 炉石传说30.6.2补丁后有什么卡组 30.6.2最强卡组最新推荐
- 模拟之声慢刻CD《蔡琴名曲回顾遇听》[原抓WAV+CUE]
- BruceLiu-WAVES(MusicbySatie)(2024)2CD[24Bit-96kHz]FLAC
- KonstantinKrimmel-MythosSchubertLoewe(2024)[24Bit-96kHz]FLAC
- 2024雷蛇高校挑战赛 嘤式分解助力收官之战
- 海信发布110吋世俱杯官方定制AI电视 引领智能观赛
- 海信发布27英寸显示器大圣G5 Pro:采用自研超解析芯片、友达原厂模组
- 蔡琴《机遇》1:1母盘直刻日本头版[WAV分轨][1.1G]
- 陈百强《与你几分钟的约会》XRCD+SHMCD限量编号版[低速原抓WAV+CUE][994M]
- 陈洁丽《监听王NO.1 》示范级发烧天碟[WAV+分轨][1.1G]
- 单色凌.2014-小岁月太着急【海蝶】【WAV+CUE】
- 陈淑桦.1988-抱紧我HOLD.ME.NOW【EMI百代】【WAV+CUE】