博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
6种实现JavaScript数组拍平/扁平化的方法总汇
阅读量:4118 次
发布时间:2019-05-25

本文共 2395 字,大约阅读时间需要 7 分钟。

来源 | https://www.cnblogs.com/Qooo/p/13847897.html

题目:

请写出一个数组拍平函数,效果如下:

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));

本文完~

你可能感兴趣的文章
Oracle -常用命令
查看>>
JAVA技术简称
查看>>
ORACLE模糊查询优化浅谈
查看>>
2016——个人年度总结
查看>>
2017——新的开始,加油!
查看>>
【Python】学习笔记——-6.2、使用第三方模块
查看>>
【Python】学习笔记——-7.0、面向对象编程
查看>>
【Python】学习笔记——-7.2、访问限制
查看>>
【Python】学习笔记——-7.3、继承和多态
查看>>
【Python】学习笔记——-7.5、实例属性和类属性
查看>>
Linux设备模型(总线、设备、驱动程序和类)之四:class_register
查看>>
git中文安装教程
查看>>
虚拟机 CentOS7/RedHat7/OracleLinux7 配置静态IP地址 Ping 物理机和互联网
查看>>
弱类型、强类型、动态类型、静态类型语言的区别是什么?
查看>>
Struts2技术内幕图书 转载
查看>>
Java异常分类
查看>>
项目中的jackson与json-lib使用比较
查看>>
Jackson Tree Model Example
查看>>
j2ee-验证码
查看>>
日志框架logj的使用
查看>>