Javascriptで配列を作成する

Question

私はこのようなMarkers google maps配列を持っています。

markers: [{ 
    position: { 
     lat: 37.0636782, 
     lng: -8.0288746 
    }, 
    infoText: 'Marker 1' 
}], 

私はこのように見えるCMSから引き出したコンテンツもあります。

[{ 
    "latitude": "37.0636782", 
    "longitude": "-8.0288746", 
    "info_snippet": "test123" 
}, 
{ 
    "latitude": "37.0636789", 
    "longitude": "-8.0288745", 
    "info_snippet": "test111" 
}] 

私は2番目の配列を取り、最初の配列と同じものを出力したいと思います。これは可能ですか？

私が作成したループがここに必要です。

Answer 1

元の場所にマップしてカスタムキーを作成します。

this.pins = response.data.acf.map_markers; 

this.pins.map(({latitude, longitude, info_snippet}) => ({ 
    position: { lat: latitude, lng: longitude }, 
    infoText: info_snippet 
})); 

const coords = [{ 
 
    "latitude": "37.0636782", 
 
    "longitude": "-8.0288746", 
 
    "info_snippet": "test123" 
 
    }, 
 
    { 
 
    "latitude": "37.0636789", 
 
    "longitude": "-8.0288745", 
 
    "info_snippet": "test111" 
 
    } 
 
]; 
 

 
const newCoords = coords.map(({latitude, longitude, info_snippet}) => ({ 
 
    position: { lat: latitude, lng: longitude }, 
 
    infoText: info_snippet 
 
})); 
 

 
console.log(newCoords);