javascript - 在索引处连接两个 javascript 数组

Question

我有这个循环，api 返回标记很好，我想在数组中添加 url 和图像。

let coordsList = [];

for (let i in markers) {
  let coords = markers[i].petLost.lostCoords;
  let url = petUrl + markers[i]._id;
  let image = petImage + markers[i].imageURL;
  coordsList.push(coords);
}

这个循环的结果是:

[ 24.728216, 36.2308272 ] , [ 27.728216, 33.2308272 ] , ...

我如何为数组中的每个对应项注入(inject) url 和图像？

期望的结果:

[ 24.728216, 36.2308272, http://blabla.html, http://image.jpg ] , 
[ 27.728216, 33.2308272, http://blabla2.html, http://image2.jpg ]
 ...

Answer 1

你可以试试这个:

let coords = markers[i].petLost.lostCoords;
let url = petUrl + markers[i]._id;
coords.push(url)
let image = petImage + markers[i].imageURL;
coords.push(image);
coordsList.push(coords);

上面的代码片段可以变得更优雅，如下所示:

let markers = markers[i];
let markerData = markers.petLost
                        .lostCoords
                        .push(petUrl + markers._id) 
                        .push(petImage + markers.imageURL);
markersList.push(markerData);  

注意我做了重命名，以使其更有意义和可读性。如果您采用这种方法，则应将 coordsList 替换为 markersList。