{category}

JavaScript - 演算子

+

プラス(基本的な構文

意味 加算


+とは?

JavaScriptで数値や文字列の加算を行うための演算子。

+の具体的な使い方

数値の加算

let num1 = 5;
let num2 = 3;
let sum = num1 + num2;
console.log('数値の合計:', sum);

👇出力結果

数値の合計: 8

数値の加算の例です。+演算子は数値を足し合わせます。

文字列の連結

let str1 = 'こんにちは';
let str2 = '世界';
let greeting = str1 + ', ' + str2 + '!';
console.log('挨拶:', greeting);

👇出力結果

挨拶: こんにちは, 世界!

文字列の連結の例です。+演算子は文字列を結合します。

数値と文字列の混合

let count = 3;
let message = '私には' + count + '個のリンゴがあります。';
console.log(message);

👇出力結果

私には3個のリンゴがあります。

数値と文字列の混合使用の例です。+演算子は数値を文字列に変換して連結します。

配列の連結

let fruits1 = ['りんご', 'バナナ'];
let fruits2 = ['オレンジ', 'ぶどう'];
let allFruits = fruits1 + fruits2;

console.log('連結された配列(文字列として):', allFruits);
console.log('連結された配列の型:', typeof allFruits);

// 正しい配列の連結方法
let correctAllFruits = fruits1.concat(fruits2);
console.log('正しく連結された配列:', correctAllFruits);

👇出力結果

連結された配列(文字列として): りんご,バナナオレンジ,ぶどう
連結された配列の型: string
正しく連結された配列: ['りんご', 'バナナ', 'オレンジ', 'ぶどう']

+演算子で配列を連結すると、予期せぬ結果になることがあります。正しい配列の連結にはconcatメソッドを使用します。この例では両方の方法を比較しています。

単項プラス演算子の使用

let strNumber = '42';
let numFromStr = +strNumber;

console.log('文字列 "42":', strNumber, typeof strNumber);
console.log('数値に変換された 42:', numFromStr, typeof numFromStr);

let boolTrue = true;
let numFromBool = +boolTrue;
console.log('真偽値 true から変換:', numFromBool);

let strText = 'Hello';
let numFromText = +strText;
console.log('文字列 "Hello" から変換:', numFromText);

👇出力結果

文字列 "42": 42 string
数値に変換された 42: 42 number
真偽値 true から変換: 1
文字列 "Hello" から変換: NaN

単項プラス演算子(+)を使用して、文字列や真偽値を数値に変換する例です。数値に変換できない場合はNaNが返ります。

+に関するよくある質問

Q. +は文字列にも使えますか?
A. はい、+演算子は数値の加算だけでなく、文字列の連結にも使用できます。
Q. 数値と文字列を+で連結するとは?
A. 数値と文字列を+で連結すると、数値は自動的に文字列に変換されます。例:'Result: ' + 5 は 'Result: 5' となります。

+が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptの+や==、!、delete、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

==

等価

種類: 比較演算子

!

否定(〜以外)

種類: 論理演算子

delete

プロパティの削除

種類: その他の演算子

Promise.all()

複数処理の完了待ち

種類: Promise

npm

Nodeのパッケージマネージャ

種類: パッケージマネジメント関連