分割代入で変数名を変える方法 ES6

分割代入 (Destructuring assignment) という配列やObjectから値を取り出して、変数に代入する方法がJavascriptにはあります。例えば、下記のようなものです。

const { foo } = {foo: 'bar'}
console.log(foo) // bar

この、分割代入する際に、変数名を変更したい時があります。 そのやり方は、下記のようにするだけで実現できます。

const { foo : hoge } = {foo: 'bar'}
console.log(hoge) // bar

:を使うことで、分割代入する際に変数名を変えることができます。 今回の例では、fooをhogeという変数名に変えました。 簡単ですね！

参考: 分割代入

参考: Rename & Destructure Variables in ES6