Blog

JavaScriptの分割代入構文を使いこなそう

2022.08.05Cat:プログラマー 開発

はじめに

JavaScriptにES6から導入された分割代入構文の紹介です。

配列やオブジェクトを扱う処理が非常にシンプルに記述可能になります。いくつか例を紹介します。

 

その1:配列の分割代入

分割代入を使ってないバージョン

分割代入を使ったバージョン

その2:変数の入れ替え

分割代入を使ってないバージョン

分割代入を使ったバージョン

その3:オブジェクトの一部だけを使う

分割代入を使ってないバージョン

分割代入を使ったバージョン(スプレッド構文…との組み合わせ)

まとめ

全体的に分割代入を使ったバージョンのほうがコードが短くなり、変数宣言も減ってシンプルになっていることが分かると思います。その反面、説明用のローカル変数がなくなったことで意図が伝わりづらくなったという解釈もできそうです。使いどころには気をつけましょう。

参考

分割代入 – JavaScript | MDN

Author Profile

Arikawa
» 投稿一覧

越境ECの最新情報

越境EC関連の記事

月から探す

ページTOPへ