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