JavaScript 展平嵌套數組

Question

我試圖將嵌套數組的任何長度展平為單個數組。 為什么它顯示數組而不是數組值？

 function flatten(arr) { var res = []; for (var i = 0; i < arr.length; i++) { if (toString.call(arr[i]) === "[object Array]") { res.push(flatten(arr[i])); } else { res.push(arr[i]); } } return res; } console.log(flatten([1, 2, [3, [4, 5, [6]]], 7, 8])); // [1, 2, Array(2), 7, 8]

Answer 1

您正在推動res的結果flatten ，這是一個數組。 相反， Array#concat是對res的內部flatten調用的結果，並將結果分配給res 。

注意：要識別數組，您可以使用Array#isArray 。

 function flatten(arr) { var res = []; for (var i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { res = res.concat(flatten(arr[i])); } else { res.push(arr[i]); } } return res; } console.log(flatten([1, 2, [3, [4, 5, [6]]], 7, 8])); // [1, 2, Array(2), 7, 8]

Answer 2

您可以使用concat代替push和reduce代替for循環。

 const flatten = data => data.reduce((r, e) => { return r = r.concat(Array.isArray(e) ? flatten(e) : e), r }, []) console.log(flatten([1, 2, [3, [4, 5, [6]]], 7, 8]))

Answer 3

您可以對數組使用flat()方法，如下所示。

 function flatten(arr) { return arr.flat(10) //the number in brackets are the depth level } console.log(flatten([1, 2, [3, [4, 5, [6]]], 7, 8]));