js数组的扩展------8种多维数组降维的⽅法1、数组字符串化
let arr = [[123456], [333], 789]
arr += ''
arr = arr.split(',')
console.log(arr)
2、递归
2、递归
function demo(arr) {
var newArr = []
for (var i = 0; i < arr.length; i++) {
if (Array.isArray(arr[i])) {
/
/ 如果是数组，调⽤递归函数 dimension 将其扁平化，然后再 push 到 newArr 中
newArr.push.apply(newArr, demo(arr[i]))
} else {
// 不是数组直接 push 到 newArr 中
newArr.push(arr[i])
}
}
return newArr
}
var array = ['1', '2', ['2', ['6', ['4', '9'], '8'], '5'], '3', '3', '2']
var reduce = demo(array)
console.log(reduce)
3、利⽤contact
var a = [1,[2],[3,4]]
var result = []
for(var i=0; i<a.length; i++){
if(a[i].constructor == Array) {
result = at(a[i])
}else {
result.push(a[i])
}
}
console.log(result) // [1,2,3,4]
4、利⽤扩展运算符
扩展运算符相当于数组拆成最⼩单位了，...[1,，2,，[3， 4]] 相当于变成了 1，2, [3, 4]；这样 [ ].concat(...a) 就相当于 [ ].concat(1，2，[3，4]) var a = [1,[2],[3,4]]
var result = []
result = [].concat(...a)
console.log(result) // [1,2,3,4]
5、利⽤apply
这个跟扩展运算符类似，apply 会把数组a 拆分，拆成 1,2，[3, 4] 依次传递给concat⽅法，效果就跟扩展运算符⼀样了。
var a = [1,2,[3,4]]
var result = []
result = at.apply([], a)
console.log(result) // [1,2,3,4]
6、Array.prototype.flat()
var arr1 = [1, 2, [3, 4]]
console.log(arr1.flat())
// [1, 2, 3, 4]
var arr2 = [1, 2, [3, 4, [5, 6]]]
console.log(arr2.flat())
// [1, 2, 3, 4, [5, 6]]
var arr3 = [1, 2, [3, 4, [5, 6]]]
console.log(arr3.flat(2))
/
/ [1, 2, 3, 4, 5, 6]
//使⽤ Infinity 作为深度，展开任意深度的嵌套数组
console.log(arr3.flat(Infinity))
// [1, 2, 3, 4, 5, 6]
7、使⽤stack⽆限反嵌套多层嵌套数组
var arr1 = [1,2,3,[1,2,3,4, [2,3,4]]];
function flatten(input) {
const stack = [...input];
const res = [];
while (stack.length) {
// 使⽤ pop 从 stack 中取出并移除值
const next = stack.pop();
if (Array.isArray(next)) {字符串转数组方法js
// 使⽤ push 送回内层数组中的元素，不会改动原始输⼊ original input
stack.push(...next);
} else {
res.push(next);
} }
// 使⽤ reverse 恢复原数组的顺序
verse();
}
console.log(flatten(arr1)); // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]
8、使⽤reduce、concat和递归⽆限反嵌套多层嵌套的数组var arr1 = [1, 2, 3, [1, 2, 3, 4, [2, 3, 4]]]
function flattenDeep(arr1) {
duce(
(acc, val) =>
Array.isArray(val) ? at(flattenDeep(val)) : at(val),
[]
)
}
console.log(flattenDeep(arr1))
// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。