在ES6中,向JSON中追加新屬性變得更加簡便,以前需要先將JSON解析為JavaScript對象,再追加屬性后再轉換為JSON,而現在我們可以直接向JSON中追加屬性。
const person = { name: 'Jack', age: 26 }; const updatedPerson = { ...person, location: 'Beijing' }; console.log(updatedPerson); // { name: 'Jack', age: 26, location: 'Beijing' } const personJSON = '{"name": "Jack", "age": 26}'; const personObj = JSON.parse(personJSON); const updatedPersonObj = { ...personObj, location: 'Beijing' }; const updatedPersonJSON = JSON.stringify(updatedPersonObj); console.log(updatedPersonJSON); // {"name":"Jack","age":26,"location":"Beijing"}
如上代碼所示,我們可以使用擴展運算符(...)將原有的JSON對象與新屬性一起組成一個新對象。這樣也就省略了先將JSON解析為JavaScript對象再轉換為JSON的過程。
需要注意的是,這種方式只適用于淺層次的對象,如果JSON中嵌套了更深層次的對象,則需要使用遞歸的方式來追加屬性。
在實際開發中,我們可以將這種寫法應用于一些需要頻繁添加屬性的情況,能夠提升代碼的可讀性和開發效率。