Javascript重写数组

Question

我有两个动态数组，可以随时更改。例如:

var vehicleColor = "red,green,blue,white".split(",");
var vehicleType = "Truck,Car,Bus".split(",");

我如何合并这些数组来为我的图表制作这种格式的 javascript 数组。

var links = [
    {source: vehicleColor[0], target: vehicleType[0]},
    {source: vehicleColor[1], target: vehicleType[0]},  
    {source: vehicleColor[2], target: vehicleType[0]},
    {source: vehicleColor[3], target: vehicleType[0]},  
    {source: vehicleColor[0], target: vehicleType[1]},
    {source: vehicleColor[1], target: vehicleType[1]},
    etc...
]

基本上我需要一个数组来循环遍历两个数组中的所有元素，但为每个元素创建一个单独的行。

我试过:

links = links.map(x => ({source:vehicleColor, target:vehicleType}));

但这并没有让我在单独的行中得到每个元素。

map 方法给我这个输出

var links = [
    {source: ["red","green","blue","white"], target: ["Truck","Bus","Car"]},
]

Answer 1

你会使用嵌套循环:

var vehicleColor = "red,green,blue,white".split(",");
var vehicleType = "Truck,Car,Bus".split(",");

var links = [];
for (var i = 0; i < vehicleType.length; ++i) {
  var type =  vehicleType[i];
  for (var j = 0; j < vehicleColor.length; ++j) {
    links.push({
      source: type,
      target: vehicleColor[j]
    });
  }
}

console.log(links);