dogwood008の開発メモ!

最近のマイブームは機械学習, Ruby on Rails。中でも機械学習を使った金融商品の自動取引に興味があります。

【JavaScript】console.log({ somevalue }) とすると変数名と値を同時に出力できて便利

要旨

console.log({ somevalue }) としてコードに埋め込んでおくと、「somevalue: (somevalueの値)」とコンソールに表示されるので、デバッグに便利。

console.log({ somevalue })とした例
console.log({ somevalue })とした例

詳細

ES2015で入った「略記プロパティ名」という記法を使うと、 object のキーと値が同じ場合に次のように略記できる。

const somevalue = '12345abcde'
のとき、
{ somevalue: somevalue }{ somevalue }
は共に同値

{ somevalue: somevalue } と { somevalue } は同値
{ somevalue: somevalue }{ somevalue } は同値

これを応用して、 console.log() に対し、この略記プロパティ名を使うと、console.logを多用している箇所でもどの値のconsole.log かを見分けることができる。

console.log({ somevalue })とした例
console.log({ somevalue })とした例

参考

qiita.com