# 分割代入とは

[ECMAScript 2015](https://tips.weseek.co.jp/5e39820de848c600487d6a24) で定義された構文。

分割代入 (Destructuring assignment) 構文は、  
配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする [JavaScript](https://tips.weseek.co.jp/5e392e88e848c600487d69db) の式である。


## オブジェクトと分割代入

```javascript:example.js
const user = {name:'Tanaka', age:20, job:'student'}

const {name, job} = user;

console.log(name); // 'Tanaka'
console.log(job); // 'student'
```

分割代入を用いることで、その後に変数を使用する際に短い記述で実現できる。


## 関連  
- [/GROWI/分割代入を使って見通しの良いコードを書こう](https://tips.weseek.co.jp/5e3e6f19591d7f0048b3cc69)

## 参考
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

---

## Page Navigation

- Canonical URL: https://tips.weseek.co.jp/用語集/Javascript/分割代入
- Permalink: https://tips.weseek.co.jp/5e3af26c25751e0049929801
- Parent: [Javascript](/5e392e88e848c600487d69db.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 14 total
  - [Angular](/5e393953e848c600487d6a04.md)
  - [ECMAScript](/5e39820de848c600487d6a24.md)
  - [Object_entries ](/5e3f9391f5921400485be6a8.md)
  - [React](/5e3930c8e848c600487d69ed.md)
  - [Setオブジェクト](/5e4252bbdecd0a0049953aea.md)
  - [Svelte](/5e3980bde848c600487d6a1e.md)
  - [Vue](/5e3930f3e848c600487d69f0.md)
  - [protypeMethodのmap()とforEach()の違い](/5e57b3b07887d100480949fe.md)
  - [protypeMethodのthen()について](/5f163aac647aac00495efa7d.md)
  - [throttle-debouceのthrottleとdebouceの違い](/5e785068f78b4b0048b6add1.md)
  - [スプレッド構文](/5e39828be848c600487d6a27.md)
  - [ローカルストレージ](/5e86b4db139099004805819c.md)
  - [宣言（varとletとconstの違い）](/5e5de1da3051ce00499cac5e.md)
  - [正規表現](/5e633bb4d9ebf700489783ea.md)
- Last updated: 2020-03-06T16:05:18.238Z by deleted_at_1672138397219
- Full page listing (all children regardless of count): https://tips.weseek.co.jp/_api/v3/page-listing/children?id=5e3af26c25751e0049929801