尝试访问对象属性时一直未定义[重复]

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);