從另一個數組創建一個新數組

Question

我有兩個數組。 第一個包含地點和一些有關它們的信息。 它是一個包含三個步驟的多維數組：

• 第1步：類別（例如標題，日期等...）。
• 第2步：實際的地方

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

非常感謝提前！

Answer 1

要添加@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迭代的小提琴：

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

編輯：

順便說一句，對於那么老的瀏覽器，它們甚至沒有Array.prototype.map ，您可以使用ES5填充程序添加此功能。

EDIT2：

查看MDN上Array.prototype.map的文檔 。

EDIT3：

好吧，自定義地圖並不比for-loop更快，所以讓我們說它的表現同樣好。

EDIT4：

自定義地圖的最終版本使其執行速度始終比通常的循環更快，這使計數器遞增。 我假設一個遞減計數器的for循環將執行與最終自定義映射函數一樣好。

Answer 2

考慮到您擁有的多維結構，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非常方便，允許您更快/更容易地編寫代碼，但如果您不小心，它可能會真正減慢您的網站/應用程序。

Answer 3

這個怎么樣：

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);

至少這種方式你不僅限於你的陣列。

Answer 4

我懷疑你可能遇到困難的原因在於你濫用數組。 很簡單，這是在這里使用的不正確的數據結構。 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]];
}

它產生一個簡單的場所對象集合，形式與上面相同。