JavaScriptで配列の要素やハッシュ(連想配列)のバリューを変数に変換する方法

JavaScriptを使うときに、配列の要素の1つ1つをバラバラにして変数に渡したい、という場合がある。

let array = ["tarou", 19, "Japan"];
const name = array[0];
const age  = array[1];

上記のように書くのも良いが、配列の要素数が増えればその文だけコードの量も増えるので面倒臭い。

下記のように書くと、スッキリかける。

let array = ["tarou", 19, "Japan"];
const [name, age, from] = array;
console.log(name);
console.log(age);
console.log(from);

これだと、要素数が増えても1行で変数を表現できる。

また、ハッシュ(連想配列)でも同じことができる。ハッシュの場合は、ハッシュのvalueを変数に代入してくれる。

let hash = {
name: "tarou",
age: 19
};
const {name, age} = hash;

ReratedPosts

JavaScriptにおいてif文を一行で記述する方法
javaScriptにおけるfromCharCode()とcharCodeAt()の使い方
jQueryの代替ライブラリとして「min.js」がオススメなので紹介する
JavaScriptでファイルダウンロードを実現するための5ステップ
素のJavaScriptでappend,prepend,after,beforeが実装されていたので紹介する
Jqueryのクリックとかミスしたこととかのメモ