【テンプレートリテラル】と【オブジェクトリテラル】を覚えたら「ちょっと」いい感じにコードが書けた！

概要

【テンプレートリテラル】と【オブジェクトリテラル】を覚えて「ちょっと」いい感じにコードが書けるようになったので、早速アウトプットします！

テンプレートリテラル

バッククウォート`~`で囲む。シングルクォーテーション'~'じゃないよ。
極めたい人はこちらの記事を参照

const today = new Date();
const year = today.getFullYear();
const month = today.getMonth() + 1;
const week = today.getDay();
const day = today.getDate();
const yobi =['日','月','火','水','木','金','土']

//es5
console.log("現在は"+year+"年"+month+"月"+day+"日"+yobi[week]+"曜日です。"); //現在は2019年1月30日水曜日です。

//es6
console.log(`現在は${year}年${month}月${day+1}日${yobi[week+1]}曜日です。`); //現在は2019年1月31日木曜日です。

• 毎回文字列と変数の間に+を書かなくて済む
• 文字を書く際に"~"をつけなくて良い
• 変数や計算式は${~}のなかにを入れることで表現できる

オブジェクトリテラル

たくさん書き方があるらしいんですけど、とりあえず２つご紹介
オブジェクトリテラルマスターになりたい人はこちらから

オブジェクトのkeyとvalueが同じ名前の場合１回書くだけで良い

return {
        //es5
        inventory: inventory

        //es6
        inventory
 }

オブジェクトのvalueがfunctionの場合「: function」を省略可

return {
        //es5
        inventoryValue: function(){
            return this.inventory.reduce((sum,dvd) => sum += dvd.price,0);
        },
        priceForTitle: function(title){
            return this.inventory.find(dvd => dvd.title === title).price;
        }

        //es6
        inventoryValue(){
            return this.inventory.reduce((sum,dvd) => sum += dvd.price,0);
        },
        priceForTitle(title){
            return this.inventory.find(dvd => dvd.title === title).price;
        }
}