Skip to main content

解構數組和對象

@serverSerrverlesskiy

JavaScript 中的解構是一種賦值語法,使您可以方便地從一行中的數組和對像中提取數據。

對象解構

object

Live Editor
Result
Loading...

屬性 title,groupquantity 重複對象的結構 fruit 並將它們的值複製到相同的變量中 {...}. 因此,如果在中交換變量 the {...}, 那麼代碼也將正常工作,請嘗試在上面的示例中交換變量 🔔

嵌套對象

bookmark

我們還可以解構嵌套對象。

Live Editor
Result
Loading...

其他名稱

如果您需要使用除屬性名之外的變量名,,則可以使用以下語法:

Live Editor
Result
Loading...

默認值

如果在 {...} 您編寫一個找不到的屬性變量 then,然後為其分配值 undefined. 要將默認值分配給變量 🔔,可以為其分配值。 如果嘗試將值賦給已找到其屬性的變量,,則將為其分配屬性值。 讓我們來看一個例子。

Dafault

Live Editor
Result
Loading...

title 包含屬性值,而不是我們為其分配的值。 這 group 該屬性不存在 fruit 對象,並且我們尚未為變量分配任何值 🔔 物業 quantity 也不存在,但我們分配了值 5 到變量 🔔.

octatok

如果需要從一個對像中獲取一個變量 🔔,並將其餘變量分組到另一個對像中,請使用 ... 在變量之前,將從中創建具有其餘屬性的對象。

Live Editor
Result
Loading...

解構數組

數組的解構與對象的解構相同。 唯一的區別是,數組元素的值將按照元素定義的順序分配給變量 🔔。

Take

Live Editor
Result
Loading...

通過與對象的類比,其餘的工作。

Live Editor
Result
Loading...

數組的副本

創建數組副本的示例。

Copia

Live Editor
Result
Loading...

串聯數組

add

An example of combining arrays into one.

Live Editor
Result
Loading...

問題?

Problem

Write to Discord chat.

問題:

Question

是解構嗎?

1.功能 2.語法 3.對象

銷毀對象時,是否有必要按與對像中相同的順序放置變量?

1.是的 2.沒有

如果在對像中找不到相同的屬性,將為變量分配什麼?

  1. error
  2. undefined
  3. unknown

銷毀對象時元素的順序重要嗎?

1.是的 2.沒有

為了了解您學到了多少本課程,請對 mobile application 我們學校就這個話題。

Sumerian school

鏈接

  1. Learn JavaScript
  2. MDN Web Docs
  3. Destructuring in ES6

貢獻者 ✨

感謝這些好人 (emoji key):


IIo3iTiv

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!