主な内容の要点
基本
+演算子は、数値同士なら「足し算」、文字列が含まれていれば「文字列の連結」として使われます。
let address = '東京都' + '千代田区';
console.log(address); // → 東京都千代田区
文字列と他の型を連結
- 数値や真偽値なども、自動的に文字列に変換されて連結されます。
let price = 200 + '円';
console.log(price); // → 200円
let str = '答えは' + true + 'です。';
console.log(str); // → 答えはtrueです。
- 変数を使っても同じように連結できます。
let price = 200;
console.log('値段は' + price + '円です。');
// → 値段は200円です。
配列を連結すると？
- 配列を文字列にすると、要素がカンマ区切りで並びます。
let data = ['Orange', 'Apple'];
console.log('商品は' + data + 'です。');
// → 商品はOrange,Appleです。
演算の順序に注意
+は 左から順番に処理されます。
let msg = 100 + 80 + '円です。';
console.log(msg); // → 180円です。
- でも順序を変えると結果が違います。
let msg = '値段は' + 100 + 80 + '円です。';
console.log(msg); // → 値段は10080円です。
- 意図通りにしたいときは カッコ
()を使うと安心。
let msg = '値段は' + (100 + 80) + '円です。';
console.log(msg); // → 値段は180円です。
ポイントまとめ
+は「数値の足し算」と「文字列の連結」の両方に使われる- 文字列が1つでもあると、他の値も文字列に変換されて連結される
- 左から順に処理されるので、意図しない結果になることがある
- 必要なら カッコで順序を指定する
初心者の方はまず「+ は文字列をつなげるのにも使える」と覚えておけばOKです。
慣れてきたら テンプレートリテラル（`値段は${price}円です`） を使うともっと便利になります。
