我有两个数组。第一个包含地点和一些关于它们的信息。它是一个多维数组,分三步:
- 第 1 步:类别(例如标题、日期等...)。
- 第 2 步:实际地点
第三步:经纬度(类别坐标下)
places[0][0] = 'Stockholm'; // Header places[0][1] = 'Karlstad'; places[0][2] = 'Borgholm'; places[1][0] = '2012-05-25'; // Date places[1][1] = '2012-06-12'; places[1][2] = '2012-05-14' places[2][0] = 'Lorum ipsum lorum ipsum lorum ipsum'; // Description places[2][1] = 'Ipsum lorum lorum ipsum lorum ipsum'; places[2][2] = 'Forum Lorum Porum'; places[3][0][0] = '56,123342'; // Latitude places[3][0][1] = '49,123123'; // Longitude places[3][1][0] = '23,543231'; places[3][1][1] = '45,955432'; places[3][2][0] = '34,123459'; places[3][2][1] = '45,325198'; ...and so on...
第二个数组包含搜索结果,即与搜索匹配的地点。我想做的是用信息创建一个新数组 在第一个数组中,但仅适用于第二个数组中的元素(因此在上面的示例中,只有地方 [1] ('Karlstad') 应该在 新数组。
我还希望新数组具有新结构。我想要第一级中的位置而不是第一级中的类别(参见下面的示例)。
results = [1, 15, 17, 19, 32, 91, 102, 103];
newPlaces[0][0] = 'Karlstad';
newPlaces[1][0] = 'Kalmar';
newPlaces[2][0] = 'Luleå';
newPlaces[3][0] = 'Överkalix';
newPlaces[4][0] = 'Malmö';
newPlaces[5][0] = 'Ystad';
newPlaces[6][0] = 'Linköping'
...and so on...
最好和最简单的方法是什么? 我想我应该使用 for 循环,如下所示(这不起作用)?
for (var i = 0; i < results.length; i++) {
newPlaces[i][0] = places[0][results[i]];
newPlaces[i][1] = places[1][results[i]];
newPlaces[i][2] = places[2][results[i]];
newPlaces[i][3] = places[3][results[i]];
}
提前致谢!
最佳答案
要添加到@Levi 的答案,您还可以使用 ES5 map :
使用原生 Array.prototype.map:
newPlaces = results.map(function(result) {
return [
places[0][result],
places[1][result],
places[2][result],
places[3][result]
];
});
使用手工制作的 map :
感谢 Marcus 在下方的评论指出了原生 map 的性能问题。
除此之外,很明显,自定义版本的 map 屏蔽了 for 循环。到目前为止,它似乎比简单地使用 for 循环做得更好,但我没有解释为什么,这也不重要。
// Custom map function
function map(arr, func) {
var newArr = [];
var cnt = arr.length;
var arrLen = arr.length;
for (; cnt; cnt--) {
newArr.push(func(arr[arrLen - cnt]));
}
return newArr;
}
newPlaces = map(results, function(result) {
return [
places[0][result],
places[1][result],
places[2][result],
places[3][result]
];
});
显然,代码仍然和使用原生 map 一样干净,但性能提高了十倍。它也比仅仅一个 for 循环快一点。
这是一个使用各种方法执行 1M 迭代的 fiddle :
编辑:
顺便说一句,对于那些甚至没有Array.prototype.map
的旧浏览器,您可以使用ES5 shim添加此功能。
编辑2:
查看 documentation用于 MDN 上的 Array.prototype.map
。
编辑3:
好吧,自定义映射并不一定比 for 循环快,所以假设它的性能一样好。
编辑4:
自定义 map 的最终版本使其执行速度始终比递增计数器的常用 for 循环更快。我假设递减计数器的 for 循环的性能与最终的自定义 map 函数一样好。
关于javascript - 从另一个数组创建一个新数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14113529/