时间:2021-05-26
题目:
请写出一个数组拍平函数。效果如下:
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方法
// IteratorArray.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));以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.使用数组
扁平化设计的特征。扁平化设计有着较为鲜明的设计特征,相较于其他设计风格来说,扁平化设计更多注重简洁的操作界面和突出主体内容,从而有效提高用户的浏览体验。在扁平化
扁平化的浪潮似乎在一夜之间席卷了设计界,但其实扁平化并不是什么新鲜事物。对于网站设计而言,扁平化设计实用且好用。扁平化设计2.0中平衡了实用性与美观性,其背后的
本文实例讲述了JS数组扁平化、去重、排序操作。分享给大家供大家参考,具体如下:在网上看到一个校招题目,已知一个数组vararr=[[1,3,2,1],[5,3,
扁平化设计这一风格已经流行了几年,从刚开始的扁平化1.0出现,2017年新的扁平化2.0到来。松江网站制作公司设计师整理了一下2.0扁平化布局的特点,分享给大家