javascript - 从另一个数组创建一个新数组

Question

我有两个数组。第一个包含地点和一些关于它们的信息。它是一个多维数组，分三步:

• 第 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]];
}

提前致谢!

Answer 1

要添加到@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 :

http://jsfiddle.net/6wArq/3/

编辑:

顺便说一句，对于那些甚至没有Array.prototype.map 的旧浏览器，您可以使用ES5 shim添加此功能。

编辑2:

查看 documentation用于 MDN 上的 Array.prototype.map。

编辑3:

好吧，自定义映射并不一定比 for 循环快，所以假设它的性能一样好。

编辑4:

自定义 map 的最终版本使其执行速度始终比递增计数器的常用 for 循环更快。我假设递减计数器的 for 循环的性能与最终的自定义 map 函数一样好。