JavaScriptの

三項演算子

    let score = 70
    //三項演算子
    let result = (score > 80) ? '合格' : '不合格'
    console.log(result)
    //不合格

    score = 90
    result = (score > 80) ? '合格' : '不合格'
    console.log(result)
    //合格

scoreの値に応じて返却する値が決まります。
もちろんif文で制御することもできますが、これを使うとスッキリ書くことができますね。

for…of


    let array = [1,2,3,4,5]
    let sum = 0

    for(value of array){
        sum += value
    }

    console.log(sum)
    //15

配列の中身を[i]で走査する必要はないのですね。

    let nodelist = document.querySelectorAll("p")
    console.log(nodelist)
    /*
        NodeList(3) [p, p, p]
            0: p
            1: p
            2: p
            length: 3
            __proto__: NodeList
    */

    for(list of nodelist){
        list.classList.add("done")
    }
    //<p class="done"></p>

NodeListを走査することもできます。


    const human = {
        name: "けんし",
        age : 32
    }

    for(val of human){ //イテレートできないというエラー
        console.log(val)
    }

オブジェクトはfor..ofできないのですが、for…inできます

    const human = {
        name: "けんし",
        age : 32
    }

    for(val in human){ //イテレートできないというエラー
        console.log(val)
    }
    //name
    //age

key項目が走査されています。

    const human = {
        name: "けんし",
        age : 32
    }

    for(val in human){ //イテレートできないというエラー
        console.log(human[val])
    }
    //けんし
    //32

こんな感じでvalueにアクセスできます

コメント

タイトルとURLをコピーしました