尝试访问对象属性时，请保持未定义状态

Question

let PlayerData = {
Travis: {
keyboard: "ojnfijoewf",
mouse: "wefewf",
monitor: "kfmwefwe",
sens: ["dpi","ingamesens"],
controller: "xbox",
ping: 120,
biography: "was born in",
earnings: 23455,
resolution: "1920 x 1080",
social_media: ["Youtube","Twitter"],
debut: "Desember",
signed: ["Free-Agent",""]
}
}

$(function(){
$('#search-button').on('click', function() {
var player_name = $('#player-search').val();

$("#card-player-title").html(PlayerData.player_name);
$(".card-text").html(PlayerData.player_name.biography);
})
});

Answer 1

不能将点表示法与动态键一起使用。JavaScript会直接返回名为player_name的属性，但该属性并不存在，这就是您未定义的原因。使用[]，如下所示：

var player_name = $('#player-search').val();
$("#card-player-title").html(PlayerData[player_name]);
$(".card-text").html(PlayerData[player_name].biography);