這篇文章主要為大家展示了“js中什么是對象解構”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“js中什么是對象解構”這篇文章吧。
對象析構是從對象或數組中獲取或提取值的一種新的、更簡潔的方法。假設有如下的對象:
const employee = {
firstName: "Marko",
lastName: "Polo",
position: "Software Developer",
yearHired: 2017};從對象獲取屬性,早期方法是創建一個與對象屬性同名的變量。這種方法很麻煩,因為我們要為每個屬性創建一個新變量。假設我們有一個大對象,它有很多屬性和方法,用這種方法提取屬性會很麻煩。
var firstName = employee.firstName; var lastName = employee.lastName; var position = employee.position; var yearHired = employee.yearHired;
使用解構方式語法就變得簡潔多了:
{ firstName, lastName, position, yearHired } = employee;我們還可以為屬性取別名:
let { firstName: fName, lastName: lName, position, yearHired } = employee;當然如果屬性值為 undefined 時,我們還可以指定默認值:
let { firstName = "Mark", lastName: lName, position, yearHired } = employee;以上是“js中什么是對象解構”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。