[英]Create a new array from another array
我有两个数组。 第一个包含地点和一些有关它们的信息。 它是一个包含三个步骤的多维数组:
第3步:纬度和经度(在类别坐标下)
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地图:
使用原生Array.prototype.map:
newPlaces = results.map(function(result) {
return [
places[0][result],
places[1][result],
places[2][result],
places[3][result]
];
});
使用手工制作的地图:
感谢Marcus在下面的评论,指出了原生地图的性能问题。
显然,替代它是一个屏蔽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]
];
});
显然,代码仍然像使用原生地图一样干净,但性能提高了十倍。 它也比for循环快一点。
这是一个使用各种方法执行1M迭代的小提琴:
编辑:
顺便说一句,对于那么老的浏览器,它们甚至没有Array.prototype.map
,您可以使用ES5填充程序添加此功能。
EDIT2:
查看MDN上Array.prototype.map
的文档 。
EDIT3:
好吧,自定义地图并不比for-loop更快,所以让我们说它的表现同样好。
EDIT4:
自定义地图的最终版本使其执行速度始终比通常的循环更快,这使计数器递增。 我假设一个递减计数器的for循环将执行与最终自定义映射函数一样好。
考虑到您拥有的多维结构,for循环可能是最简单的。 您只需要声明变量,并添加一些简写以便于阅读代码。 这应该做:
var newPlaces = [];
for (var i = 0; i < results.length; i++) {
var id = results[i]
newPlaces[i] = [
places[0][id],
places[1][id],
places[2][id],
places[3][id],
places[4][id]
];
}
由于您使用jQuery对此进行了标记,因此您可以使用jQuery.each来使代码更简单(但不像@Marcus Ekwall所提到的那样高性能> 90%):
var newPlaces = [];
$.each(results, function(i, id) {
newPlaces[i] = [
places[0][id],
places[1][id],
places[2][id],
places[3][id],
places[4][id]
];
});
重要的是要记住表现。 jQuery非常方便,允许您更快/更容易地编写代码,但如果您不小心,它可能会真正减慢您的网站/应用程序。
这个怎么样:
var places = [ ];
...
var newPlaces = [ ];
var placesArray;
for (var i = 0; i < places[0].length; i++) // loop through the headers first
{
placesArray = [ ];
for (var j = 0; j < places.length; j++) // make sure we loop through the other properties too
{
placesArray.push(
places[j][i]
);
}
newPlaces.push(
placesArray
);
}
console.log(places, placesArray);
至少这种方式你不仅限于你的阵列。
我怀疑你可能遇到困难的原因在于你滥用数组。 很简单,这是在这里使用的不正确的数据结构。 JSON可以更加逻辑地表示信息。
var places = [
{
"Header": "Stockholm",
"Date": "2012-05-25",
"Description": "Lorum ipsum lorum ipsum lorum ipsum",
"Latitude": "56,123342",
"Longitude": "49,123123"
},
{
"Header": "Karlstad",
"Date": "2012-06-12",
"Description": "Lorum ipsum lorum ipsum lorum ipsum",
"Latitude": "23,543231",
"Longitude": "45,955432"
}
];
然后你的for
循环是微不足道的:
var newPlaces = [];
for (var i = 0; i < results.length; i++) {
newPlaces[i] = places[results[i]];
}
它产生一个简单的场所对象集合,形式与上面相同。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.