如何访问js中嵌套对象中的任何元素

Question

popup_data = {
club: {
type: 'club',
type_img: {
header: 'CLUB HEADER',
img: 'https://source.unsplash.com/random/800x600',
sub_header: 'CLUB SUB HEADER',
content: 'TEXT',
hotspot_position: [5, -1.5, 2.5]
},
hotspots_array: [
{   id: () => this.club.type + '-' + 'type_img',
position: () => this.club.type_img.hotspot_position,
},
]   
},

如何从这些嵌套函数中获取type和type_img.hotspot_position

Answer 1

您可以使用popup_data.club.type访问类型，使用popup_data.club.type_img.hotspot_position访问热点位置

Answer 2

您可以使用点表示法

console.log(popup_data.club.type_img.hotspot_position)

或者你也可以使用地图单独打印每个项目的

popup_data.club.type_img.hotspot_position.map( item => console.log(item) );

Answer 3

let postion = popup_data.club.type_img.hotspot_position
let type = popup_data.club.type