forループを使用してオブジェクトの配列を作成する方法

Question

listDataと呼ばれるオブジェクトの配列を持っています。これは、特定の情報を別のマーカーと呼ばれるものから呼び出したいものです。

var markers = []; 
for(let i=0;i<listData.length;i++){ 
    markers.push({ 
     latitude:this.state.listData[i].geometry.location.lat, 
     longitude:this.state.listData[i].geometry.location.lng, 
     title:this.state.listData[i].name 
    }); 
} 

ただし、動作しません。あなたのコードから

Answer 1

私はこのようなデータの返品に「マップ」を使用します。他の人が投稿したものは何も間違っていませんが、私はこの簡潔な構文が少しうまくいくのが好きです。私は間違って最初の値を参照していると仮定しています。あなたはループ内でthis.state.listDataを使用しませんでした。

var markers = this.state.listData.map(function(v){ 
    return { 
     latitude:v.geometry.location.lat, 
     longitude:v.geometry.location.lng, 
     title:v.name 
    } 
}) 

Answer 2

、私はあなたが以下のようなものが必要であることを前提としています

for(let i=0; i < listData.length; i++){ 
    markers.push(
    { 
     latitude: listData[i].geometry.location.lat, 
     longitude: listData[i].geometry.location.lng, 
     title: listData[i].name 
    } 
); 

あなただけlistDataをループにしたいと、この配列（またはオブジェクトのような配列）の各項目の追加に新しいオブジェクトmarkersアレイ。だから、this.stateを使ってlistDataにアクセスした理由は分かりません。

Answer 3

試してみてください。これはあなたが望むものだと思います。

thisを削除してから階層を開始してください。this.stateを削除して後で開始することができない場合は、その階層を開始してください。

var markers = []; 
 

 
for(var i = 0; i < 5; i++){ 
 
markers.push(
 
    { 
 
    latitude:'0123', 
 
    longitude:'0345' 
 
    }); 
 
} 
 

 
console.log(markers);

変更とあなた自身のために望むようvaluesを追加します。