JS通过变量访问对象属性

1. 案例引入

代码：

// 设置
const testObj = {
  12: "Namath",
  16: "Montana",
  19: "Unitas"
};

// 只修改这一行下面的代码
const playerNumber = 16;  // 修改这一行
const player = testObj[playerNumber];   // 修改这一行
console.log(player);

运行结果：

结论：

JavaScript访问对象的方法：点号表示法和方括号表示法。点号表示法能表示的，都可以用方括号表示法表示。当属性为变量或者含有空格的字符串时，必须使用方括号表示法才可访问对象属性。
（其中对于含有空格的字符串，还应用双引号或者单引号将其包裹再套入方括号中）

2. 综合案例

代码：

// 设置
const recordCollection = {
  2548: {
    albumTitle: 'Slippery When Wet',
    artist: 'Bon Jovi',
    tracks: ['Let It Rock', 'You Give Love a Bad Name']
  },
  2468: {
    albumTitle: '1999',
    artist: 'Prince',
    tracks: ['1999', 'Little Red Corvette']
  },
  1245: {
    artist: 'Robert Palmer',
    tracks: []
  },
  5439: {
    albumTitle: 'ABBA Gold'
  }
};

// 只修改这一行下面的代码
function updateRecords(records, id, prop, value) {
  if (prop !== "tracks" && value !== '') {
    records[id][prop] = value;
  }
  if (prop === "tracks" && !(records[id].hasOwnProperty("tracks"))) {
    records[id][prop] = [value];
  }
  if (prop === "tracks" && value !== '') {
    records[id][prop].push(value);
  }
  if (value === '') {
    delete records[id][prop];
  }
  return records;
}
console.log(updateRecords(recordCollection, 5439, 'artist', 'ABBA'));

运行结果：