亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

合并/展平數組數組

合并/展平數組數組

合并/展平數組數組我有一個JavaScript數組,如:[["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]]我將如何將單獨的內部數組合并為:["$6", "$12", "$25", ...]
查看完整描述

4 回答

?
叮當貓咪

TA貢獻1776條經驗 獲得超12個贊

這是一個簡短的函數,它使用一些較新的JavaScript數組方法來展平n維數組。


function flatten(arr) {

  return arr.reduce(function (flat, toFlatten) {

    return flat.concat(Array.isArray(toFlatten) ? flatten(toFlatten) : toFlatten);

  }, []);

}

用法:


flatten([[1, 2, 3], [4, 5]]); // [1, 2, 3, 4, 5]

flatten([[[1, [1.1]], 2, 3], [4, 5]]); // [1, 1.1, 2, 3, 4, 5]


查看完整回答
反對 回復 2019-05-25
?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

有一個容易混淆的隱藏方法,它構造一個新的數組而不改變原始的數組:


var oldArray = [[1],[2,3],[4]];

var newArray = Array.prototype.concat.apply([], oldArray);

console.log(newArray); // [ 1, 2, 3, 4 ]


查看完整回答
反對 回復 2019-05-25
?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

最好通過javascript reduce函數來完成。


var arrays = [["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"], ["$0"], ["$15"],["$3"], ["$75"], ["$5"], ["$100"], ["$7"], ["$3"], ["$75"], ["$5"]];


arrays = arrays.reduce(function(a, b){

     return a.concat(b);

}, []);

或者,使用ES2015:


arrays = arrays.reduce((a, b) => a.concat(b), []);

JS-小提琴

Mozilla文檔


查看完整回答
反對 回復 2019-05-25
?
繁星coding

TA貢獻1797條經驗 獲得超4個贊

您可以使用concat合并數組:


var arrays = [

  ["$6"],

  ["$12"],

  ["$25"],

  ["$25"],

  ["$18"],

  ["$22"],

  ["$10"]

];

var merged = [].concat.apply([], arrays);


console.log(merged);

使用apply方法concat只會將第二個參數作為數組,所以最后一行與此相同:

var merged2 = [].concat(["$6"], ["$12"], ["$25"], ["$25"], ["$18"], ["$22"], ["$10"]);

還有一種實驗Array.prototype.flat()方法(尚未成為ECMAScript標準的一部分),您可以使用它來展平陣列,盡管它在Edge或Node.js中尚不可用

const arrays = [

      ["$6"],

      ["$12"],

      ["$25"],

      ["$25"],

      ["$18"],

      ["$22"],

      ["$10"]

    ];

const merge3 = arrays.flat(1); //The depth level specifying how deep a nested array structure should be flattened. Defaults to 1.

console.log(merge3);


查看完整回答
反對 回復 2019-05-25
  • 4 回答
  • 0 關注
  • 776 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號