Nested objects access

Why is records.id.prop throwing an error while records[id][prop] is acceptable in the solution. In the previous chapter it was shown that records.id.prop is a correct way as well ryt?

  **Your code so far**

// Setup
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'
}
};

// Only change code below this line
function updateRecords(records, id, prop, value) {
if (prop !== 'tracks' && value !== "") {
  records[id][prop] = value;
} else if (prop === 'tracks' && records[id].hasOwnProperty("tracks") === false ) {
  records[id][prop] = [value];
}else if ( prop === 'tracks' && value !== ""){
  records[id][prop].push(value);
}else if (value === ""){
  delete records[id][prop];
}
return records;
}

updateRecords(recordCollection, 5439, 'artist', 'ABBA');

Challenge: Record Collection

Link to the challenge:

Dot notation can only be used with the exact literal property name, not with variables holding the property name.

1 Like

Thanks man, I was really struggling with it.