3

私は2つの配列を持っています。最初のものには、場所とそれらに関する情報が含まれています。これは、次の 3 つのステップによる多次元配列です。

  • ステップ 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...

2 番目の配列には、検索結果、つまり検索に一致した場所が含まれます。私がやりたいことは、最初の配列の情報を使用して新しい配列を作成することですが、2 番目の配列にある要素に対してのみです (上の例では、[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]];
}

よろしくお願いします！

4

4 に答える 4

4

@Leviの回答に追加するには、ES5マップを使用することもできます。

ネイティブArray.prototype.mapの使用：

newPlaces = results.map(function(result) {
    return [
        places[0][result],
        places[1][result],
        places[2][result],
        places[3][result]
    ];
});

手作りの地図を使用する：

ネイティブマップのパフォーマンスの問題を指摘してくれた以下のマーカスのコメントに感謝します。

これに代わるものは、明らかに、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]
    ];
});

明らかに、コードはネイティブマップを使用するのと同じくらいクリーンですが、パフォーマンスが10倍向上しています。また、forループよりもわずかに高速です。

これは、さまざまな方法を使用して1Mの反復を実行するフィドルです。

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

編集：

ちなみに、非常に古くて持っていないブラウザの場合は、 ES5シムArray.prototype.mapを使用してこの機能を追加できます。

EDIT2：

MDNに関するドキュメントを確認してください。Array.prototype.map

EDIT3：

わかりました。カスタムマップはforループよりも決定的に高速ではないので、同じように機能するとしましょう。

EDIT4：

カスタムマップの最終バージョンでは、カウンターをインクリメントする通常のforループよりも一貫して高速に実行されます。カウンターをデクリメントするforループは、最終的なカスタムマップ関数と同じように機能すると思います。

于 2013-01-01T19:52:24.907 に答える
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 は非常に便利で、コードをより迅速かつ簡単に記述できますが、注意しないと、サイトやアプリの速度が大幅に低下する可能性があります。

于 2013-01-01T19:44:53.183 に答える
1

これはどう：

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

少なくともこの方法では、アレイのサイズに制限はありません。

于 2013-01-01T19:52:10.247 に答える
0

これで問題が発生する理由は、配列の誤用にあると思われます。簡単に言うと、これはここで使用するデータ構造が正しくありません。情報は、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]];
}

上記と同じ形式の場所オブジェクトの単純なコレクションを生成します。

于 2013-01-01T20:29:11.297 に答える