将二维数组转换为一维数组，交替其值

Question

我有一个这样的二维数组：

let test2d = [
  ["foo", "bar"],
  ["baz", "biz"]
]

如果我想将此二维数组转换为一维数组（不改变它们的值），我可以通过两种方式实现：

第一种方式：

let merged = test2d.reduce( (prev, next) => prev.concat(next) )
console.log(merged) // ["foo", "bar", "baz", "biz"]

第二种方式：

let arr1d = [].concat.apply([], test2d)
console.log(arr1d) // ["foo", "bar", "baz", "biz"]

---

问题：我怎样才能得到一个一维数组，但它们的值是交替的？我的意思是这样的：

["foo", "baz", "bar", "biz"]

Answer 1

您可以使用此处定义的zip 函数：Javascript equivalent of Python's zip function

let zip= rows => rows[0].map((_,c)=>rows.map(row=>row[c]))

所以你可以调用：

let arr1d = [].concat.apply([], zip(test2d))

这是完整的代码：

let test2d = [ ["foo", "bar"], ["baz", "biz"] ]

let zip = rows => rows[0].map((_, c) => rows.map(row => row[c]))

let arr1d = [].concat.apply([], zip(test2d))

console.log(arr1d)

Answer 2

您可以为每个索引获取一个数组，并在最后连接数组。

var array = [["foo", "bar"], ["baz", "biz"]],
    result = [].concat(...array.reduce((r, a) => {
        a.forEach((v, i) => (r[i] = r[i] || []).push(v));
        return r;
    }, []));

console.log(result);

Answer 3

为什么不使用常规的 for 循环？这是高效且易于阅读的。

var arr1d = [];
for (let i = 0; i < test2d[0].length; i++) {
    for (let j = 0; j < test2d.length; j++) {
        arr1d.push(test2d[j][i]);
    }
}

Answer 4

这个解决方案很容易理解，它只是使用嵌套的 for 循环来获得所需的输出：

var data = [];  // This will be the new array
let test2d =    // This is your 2D array
[  
  ["foo", "bar"],
  ["baz", "biz"]
]

// Here we use nested for-loops to add the items to data[] in the desired order
for(var i = 0; i < test2d.length; i++) {
    for(var j = 0; j < test2d[0].length; j++) {
        data.push(test2d[j][i]);
    }
}

console.log(data); // Print the output :)

data 数组现在等于：[ "foo", "baz", "bar", "biz" ]

希望这有帮助！