JavaScriptのキーによるオブジェクトプロパティへのアクセス

Question

MVVMフレームワークとして現在Knockout.JSを使用しているプロジェクトを実行中です。 markersArray['Tiong Bahru Station (EWL)']のような単純なものを使って、私の特定のmarkersArrayオブジェクトの値にアクセスするなどの基本的な操作を試しています。私は空白のために角括弧記法を使用しなければならないことを理解しています。しかし、私はconsole.logこれと、さらに私のコードでは、それは価値がありません。

コードは以下の通りです：scripts.jsファイルで

JS

：maps.jsファイルで

var stationList = [ 
     {name: "Tiong Bahru Station (EWL)", marker: markersArray['Tiong Bahru 
Station (EWL)']} 
console.log(markersArray['Tiong Bahru Station (EWL)']); // Returns undefined 

：

var markersArray = {}; 
for (var i = 0; i < markers.length; i ++) { 
    marker = new google.maps.Marker({ 
     position: markers[i].position, 
     map: map, 
     animation: google.maps.Animation.DROP 
    }); 
    var name = markers[i].name; 
    markersArray[name] = marker; 
} 
var markers = [ 
{name:"Tiong Bahru Station (EWL)", position: {lat:1.28498, lng:103.82283}} 
]; 

console.logでmarkersArrayが正しくビルドされ、正しく設定されていることを確認しました。キーを使って値にアクセスするだけで何の価値も得られない理由を理解するのに役立つでしょう。

Answer 1

このスニペットの作品ではありますが、私はあなたの問題が何であるか分かりません。

最も簡単な解決策は

markers[i].marker = 'The Marker' markers[markers[i].name] = markers[i]

var markers = [ 
 
{name:"Tiong Bahru Station (EWL)", position: {lat:1.28498, lng:103.82283}} 
 
]; 
 

 
var markersArray = {}; 
 
for (var i = 0; i < markers.length; i ++) { 
 
    var name = markers[i].name; 
 
    markersArray[name] = 'The marker'; 
 
} 
 

 
console.log(JSON.stringify(markers,null,2)) 
 

 
console.log(JSON.stringify(markersArray,null,2))

Answer 2

で、メーカーのアレイにあなたのマーカーを入れ、その後、マーカー配列を指すようになり、私は「非同期を追加しました"キーワードをスクリプトに読み込み、問題を解決しました。その下にあるスクリプトを実行する前にドキュメント全体が読み込まれるのを待っていたため、いくつかの問題が発生しました。