Skip to main content

配列とオブジェクトの破棄

@serverSerrverlesskiy

JavaScriptでの破棄は、配列やオブジェクトからデータを1行で簡単に抽出できる割り当て構文です。

オブジェクトの破壊

object

Live Editor
Result
Loading...

title groupquantityプロパティはfruitオブジェクトの構造を繰り返し、それらの値を{...}にある同一の変数🔔にコピーします。 したがって、 {...}で変数🔔を交換する場合、コードも同様に機能します。上記の例で変数🔔を交換してみてください。

ネストされたオブジェクト

bookmark

ネストされたオブジェクトを分解することもできます。

Live Editor
Result
Loading...

他の名前

プロパティ名以外の変数名を使用する必要がある場合は、次の構文が機能します。

Live Editor
Result
Loading...

デフォルト値

{...}に見つからない変数🔔プロパティを書き込むと、値undefinedが割り当てられます。 変数にデフォルト値を割り当てるには🔔、この値を変数に割り当てることができます。 プロパティが見つかった変数🔔に値を割り当てようとすると、プロパティの値が割り当てられます。 例を見てみましょう。

Dafault

Live Editor
Result
Loading...

titleは、プロパティの値を表示しますが、割り当てた値は表示しません。 groupプロパティはfruitオブジェクトに存在せず、変数🔔に値を割り当てていません。 quantityプロパティも存在しませんが、変数🔔に値5を割り当てました。

残り

octatok

オブジェクトから1つの変数🔔を取得し、残りを別のオブジェクトにグループ化する必要がある場合は、残りのプロパティを持つオブジェクトが作成される変数🔔の前に...を使用します。

Live Editor
Result
Loading...

アレイの破壊

配列の破棄は、オブジェクトと同じ方法で行われます。 唯一の違いは、配列要素の値が、要素が定義されている順序で変数🔔に割り当てられることです。

Take

Live Editor
Result
Loading...

残り

オブジェクトとの類推により、残りは機能します。

Live Editor
Result
Loading...

配列コピー

配列の🏗️コピーを作成する例。

Copia

Live Editor
Result
Loading...

アレイのユニオン

add

配列を1つに結合する例。

Live Editor
Result
Loading...

問題?

Problem

に書き込む Discord または電報 チャット, また、私たちの購読 ニュース

質問

Question

破壊は?

  1. 働き
  2. 構文
  3. オブジェクト

オブジェクトを破棄する場合、変数をオブジェクト内と同じ順序で配置する必要がありますか?

  1. はい
  2. いいえ

オブジェクトに同一のプロパティが見つからない場合、変数には何が割り当てられますか?

  1. error
  2. undefined
  3. unknown

オブジェクトを分解するとき、オブジェクト内の要素の順序は重要ですか?

  1. はい
  2. いいえ

このレッスンでどれだけ学んだかを理解するために、モバイルアプリ このトピックに関する私たちの学校。

Sumerian school

リンク

  1. Learn JavaScript
  2. MDN Web Docs
  3. ES6での破壊

Contributors ✨

Thanks goes to these wonderful people (emoji key):


IIo3iTiv

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!