300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JavaScript中创建二维数组 并将二维数组或多维数组转化为一维数组

JavaScript中创建二维数组 并将二维数组或多维数组转化为一维数组

时间:2019-02-21 00:08:06

相关推荐

JavaScript中创建二维数组 并将二维数组或多维数组转化为一维数组

创建二维数组

1.直接创建二维数组,也是最简单的一种创建二维或者多维数组的方法(通过数组的方法来进行创建)

let a = [1,2,3]let b = [2,3,4]let c = [a,b]console.log(c)

2.未知长度的二维数组

var myarr = new Array(); //先声明一维 for ( var i = 0; i < 2; i++) { //一维长度为2myarr[i] = new Array(); //再声明二维 for ( var j = 0; j < 3; j++) { //二维长度为3myarr[i][j] = i + j; // 赋值,每个数组元素的值为i+j}}

3.也可以利用数组的concat方法(前提条件下是由后端返回的数据)

循环一个数组对象,通过过滤你要选择的数据,然后通过数组的concat方法进行拼接,要注意的是, 数组的concat方法,会返回一个新数组,并不会对原数组造成影响。

转化为一维数组

转载☞

1.利用es5的arr.readuce(callback[,initialValue])实现

var arr1 = [[0, 1], [2, 3], [4, 5]];var arr2 = arr1.reduce(function (a, b) { return a.concat(b)} );// arr2 [0, 1, 2, 3, 4, 5]

2.利用es6

var arr1 = [[0, 1], [2, 3], [4, 5]];function flatten(arr) { return [].concat( ...arr.map(x => Array.isArray(x) ? flatten(x) : x) ) }var arr2 = flatten(arr1); // arr2 [0, 1, 2, 3, 4, 5]优点: 多维数组也可以比如:var arr = [[1,2],3,[[[4], 5]]]

3.利用apply实现

var arr1 = [[0, 1], [2, 3], [4, 5]];var arr2 = [].concat.apply([], arr1);// arr2 [0, 1, 2, 3, 4, 5]

4.通过将数组转变成字符串,利用str.split(',')实现。缺点是数组元素都变字符串了

var arr1 = [[0, 1], [2, 3], [4, 5]];var arr2 = (arr1 + '').split(',');var arr2 = arr.toString().split(',');var arr2 = arr.join().split(',');// arr2 ["0", "1", "2", "3", "4", "5"]

5.利用 ES 的最新语法,Array.prototype.flat()。缺点是,有兼容性问题。优点是非常简单。

mdn上是这么描述的:flat() 方法会递归到指定深度将所有子数组连接,并返回一个新数组。

语法:var newArray = arr.flat(depth),参数说明:depth,可选,指定嵌套数组中的结构深度,默认值为1。

var arr1 = [1, 2, [3, 4]];arr1.flat(); // [1, 2, 3, 4]var arr2 = [1, 2, [3, 4, [5, 6]]];arr2.flat(); // [1, 2, 3, 4, [5, 6]]var arr3 = [1, 2, [3, 4, [5, 6]]];arr3.flat(2); // [1, 2, 3, 4, 5, 6]//Infinity展开所有嵌套数组arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6]var arr4 = [1, 2, , 4, 5];arr4.flat(); // [1, 2, 4, 5]

特殊说明:flat()方法会移除数组中的空项。但undefined、null仍会保留。

var arr = [1, 2, undefined , 4, 5, null];arr.flat(); // [1, 2, undefined , 4, 5, null]

6.递归调用

let arr = [1, 2, 3, 4, 5, [6, 7, 8, [9, 10, 11, 12, [13, 14, 15, 16]]]]let newArr = [] // 存放转化后的一维数组function arrConversion (arr) {for (let i = 0; i < arr.length; i++) {if (Array.isArray(arr[i])) {arrConversion(arr[i])} else {newArr.push(arr[i])}}}arrConversion(arr)console.log(newArr) // 输出:[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。