题目:
请写出一个数组拍平函数。效果如下:
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));
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年11月15日
2024年11月15日
- 庾澄庆《哈林天堂》索尼音乐[WAV+CUE][1G]
- 英雄联盟全球总决赛多久打一次 全球总决赛举办频率介绍
- 第二届老头杯什么时候开始选人 第二届老头杯选人时间介绍
- 英雄联盟第二届老头杯什么时候开始 老头杯s2赛程时间队伍名单汇总
- AI赋能卓越显示技术共筑数字未来:三星显示器产品矩阵亮相2024进博会
- 技术剖析:天玑9400如何打造移动最强GPU和游戏体验?
- 顶级装备 实力登顶:三星显示器双十一焕新升级最后冲刺
- 陈影《绝色靓声》WAV+CUE
- 龚玥《禅是一枝花(6N纯银SQCD)》原抓WAV+CUE
- 刘德丽《寂寞在唱歌HQCD+A2HD5》[WAV+CUE]
- 萧亚轩《钻石糖》金牌大风[WAV+CUE][989M]
- 王菲《王菲精选-菲卖品》环球唱片SHM-SACD[ISO][1.9G]
- 孙露《一抹伤HQ》头版限量[WAV+CUE][1G]
- 黄安.1989-一切从头(TP版)【天际唱片】【FLAC分轨】
- 群星.1994-浓情蜜意情歌精丫华纳】【WAV+CUE】