演算子について教えて下さい

Question

下記のコードのように1という文字列を代入した場合、
y += 1;とした場合は文字列として扱われ
y ++;とした場合は数値として扱われるようです。

これは一体何故でしょう？調べ方が分からなかったので分かる方、回答お願い致しますm(__)m

    let y = '1';
    do{
        console.log(`yの値は${y}です`)
        y += 1; //適用されない
    }while(y < 10);

    y = '1';
    do{
        console.log(`yの値は${y}です`)
        y++; //適用される
    }while(y < 10);

Answer 1

調べ方が分からなかったので

MDNのリファレンスの演算子の、
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/
+ や < の項に、数値と文字列の混在の例が書いてあります。説明書きがないので、例から想像するしかないですが。

基本文法がわからない場合は、入門書を見ましょう。持ってなければ、リファレンスを見ましょう。

Answer 2

ブラウザのディベロッパーツールを使ってデバッグしてみましょう。下の画像は Chrome のディベロッパーツールで見たものです。

y += 1; //適用されない

のところは文字列連結になって "11" になっています。while(y < 10) の条件は満たさないので do ループを抜けます。

Comments

[hitohitohitomi]

なるほど！ありがとうございます！