将数组的内容推送到另一个数组中而不循环

Question

这是一段简单的JavaScript，我想在其中将orders.foo和orders2.foo的内容添加到一维ordersArr中。

let _ = require('underscore');
let ordersArr = [];
let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
ordersArr = _.map(orders.foo, order => order)
orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}

let tOrders = _.map(orders2.foo, order => order);
ordersArr.push(tOrders)
console.log(ordersArr);

此代码的问题在于，在这种情况下push会创建一个多维数组：

输出

[
{ x: 1, b: 2 },
{ y: 1, c: 3 },
{ a: 2, d: 4 },
[ { x: 2, b: 3 }, { y: 5, c: 4 }, { a: 3, d: 6 } ]
]

如何迭代orders.foo和orders2.foo的内容并将其结果作为一个单一维数组？

Answer 1

您可以将两个数组的内容spread到新数组中

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = [...arr1, ...arr2];
console.log(arr3);
// prints [1,2,3,4,5,6]

将arr2传播到arr1也是有效的。

arr1.push(...arr2);
console.log(arr1);
// prints [1,2,3,4,5,6]

所以改变

ordersArr.push(tOrders)

自

ordersArr.push(...tOrders);

应该工作。

有关完整答案：

let ordersArr = [];
let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
ordersArr.push(...orders.foo, ...orders2.foo);

Answer 2

使用下划线_.flatten：

const 
orders = { foo: [ {x: 1, b: 2}, {y: 1, c: 3}, {a: 2, d: 4} ] },
orders2 = { foo: [ {x: 2, b: 3}, {y: 5, c: 4}, {a: 3, d: 6} ] };

const ordersArr = _.flatten([orders.foo, orders2.foo]);
console.log(ordersArr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>

使用 javascriptspread operator：

const 
orders = { foo: [ {x: 1, b: 2}, {y: 1, c: 3}, {a: 2, d: 4} ] },
orders2 = { foo: [ {x: 2, b: 3}, {y: 5, c: 4}, {a: 3, d: 6} ] };

const ordersArr = [...orders.foo, ...orders2.foo];
console.log(ordersArr);

使用 javascriptArray#concat：

const 
orders = { foo: [ {x: 1, b: 2}, {y: 1, c: 3}, {a: 2, d: 4} ] },
orders2 = { foo: [ {x: 2, b: 3}, {y: 5, c: 4}, {a: 3, d: 6} ] };

const ordersArr = orders.foo.concat(orders2.foo);
console.log(ordersArr);

Answer 3

上面提到的点差运算符是 2021 年最好的方法。

let ordersArr = [...orders.foo, ...orders2.foo];

Answer 4

使用 Array.concat()

let orders1 = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
};
let orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
};
console.log( orders1.foo.concat(orders2.foo) );

Answer 5

您可以使用 concat() 合并数组并创建一个新数组：

let tOrders = orders.foo.concat(orders2.foo);

let ordersArr = [];
let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
ordersArr = _.map(orders.foo, order => order)
orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
let tOrders = orders.foo.concat(orders2.foo);
console.log(tOrders)

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>

使用 flat() 的另一个选项

let ordersArr = [];
let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
let tOrders = [orders.foo, orders2.foo].flat();
console.log(tOrders)

Answer 6

数组的不可变合并

创建一个新数组。

1. 使用点差运算符合并

let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
let orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
const mergeResult = [...orders.foo, ...orders2.foo];
console.log(mergeResult);

2. 使用array.concat()方法合并

let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
let orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
const mergeResult = orders.foo.concat(orders2.foo);
console.log(mergeResult);

数组的可变合并

将其合并到现有数组中。

1. 使用array.push()方法合并

let orders = {
foo: [
{x: 1, b: 2},
{y: 1, c: 3},
{a: 2, d: 4}
]
}
let orders2 = {
foo: [
{x: 2, b: 3},
{y: 5, c: 4},
{a: 3, d: 6}
]
}
orders.foo.push(...orders2.foo);
console.log(orders.foo);

Answer 7

我将在列表中再添加一种口味。您可以使用内置的slice方法创建数组的浅表副本，该方法已经存在很长时间了：

var ordersArr = orders.foo.slice();

现在您可以使用push和apply添加其他数组的内容：

ordersArr.push.apply(ordersArr, orders2.foo);

瞧，ordersArr现在是一个包含orders.foo和orders2.foo的所有元素的一维数组。甚至可以在 ES3 中工作！

为了获得灵感，你可以在下划线源代码中找到很多像这样的小技巧。

Answer 8

我认为这对你有用。

let tOrders = _.map(orders2.foo, order => order);
tOrders.foreach((element)=>{
ordersArr.push(element)
})
console.log(ordersArr);