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

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