JavaScriptの使用方法+=演算子

JavaScript + =演算子は、2つの値を加算し、その結果を変数に割り当てます。この演算子は、加算代入演算子と呼ばれます。通常の変数=X+Y構文よりも便利です。

プラス記号と等号を一緒に？それはタイプミスですか？ JavaScriptでは、プラス記号と等号を並べて表示することには独自の意味があります。 JavaScriptの加算代入演算子です。

このチュートリアルでは、JavaScript+=演算子とは何かとその仕組みについて説明します。この演算子の実際の例を見ていき、使い方を学ぶのに役立ててください。

JavaScript + =演算子とは何ですか？

JavaScript + =演算子は、演算子の右側の値を左側の変数に追加します。結果の値は、左側の変数に割り当てられます。この演算子は、加算代入演算子と呼ばれます。

この演算子の構文を見てみましょう：

let welcome = "Hello there, ";

console.log(welcome += "Sophie.");

値が「Hellothere」である「welcome」というJavaScript変数を宣言しました。次に、「ソフィー。この値に。加算代入演算子は、これら2つの値を加算してから、その結果を「welcome」変数に代入します。

コードは次のようになります：

Hello there, Sophie. 

この演算子には2つの用途があります。 2つの数値を足し合わせるために使用されます。また、2つの文字列の値を合計するためにも使用されます。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

代入演算子は別の言い方です：

x = x + y

加算代入演算子は、コードを読みやすくする方法です。 + =記号は、「variable =x + y」と記述して2つの値を加算し、その結果を変数に割り当てるよりもはるかに明確です。

ループが実行された回数を追跡するカウンターを備えたループで、加算代入演算子がよく見られます。

JavaScript + =演算子：数値の追加

加算代入演算子を使用すると、2つの数値を加算できます。 「モンテクリスト伯」がリストに表示された回数をカウントするプログラムを作成しましょう。このリストには、ブッククラブの「BookoftheYear」投票の結果が含まれています。

まず、本の名前を含むJavaScript配列を定義します。また、検索対象の本が何回出現するかを追跡する変数を宣言します。

var books = ["The Count of Monte Cristo", "All My Sons", "Of Mice and Men", "The Count of Monte Cristo", "To Have and Have Not"];
var count = 0;

次に、このリストをループして「モンテクリストのカウント」が表示される回数をカウントするJavaScriptforループを記述します。

for (b in books) {
	if (books[b] === "The Count of Monte Cristo") {
		count += 1
	}
}

console.log(`The Count of Monte Cristo was voted Book of the Year ${count} times.`);

このforループは、「本」リストを繰り返し処理します。リスト内の各本について、私たちのプログラムは、タイトルが「モンテクリストの数」と等しいかどうかをチェックします。そうである場合は、加算代入演算子を使用して「count」の値を1ずつインクリメントします。そうでない場合は何も起こりません。

ループが実行されると、プログラムはその本がリストに表示された回数を出力します。コードを試してみましょう：

The Count of Monte Cristo was voted Book of the Year 2 times.

私たちのコードは、本がリストに表示される回数をカウントしています。

私たちのコードは、本がリストに表示される回数をカウントしています。

+ =演算子JavaScript：文字列

JavaScript + =演算子は、2つの文字列をマージできます。この演算子は、長い形式の「変数=x+y」構文よりも便利です。

たとえば、ユーザーの名前と名前が2つの文字列に含まれているとします。 + =演算子を使用して、これらの値を1つの文字列にマージできます。

リスト内の「B」で始まるケーキをチェックするプログラムを作成しましょう。そのケーキが「B」で始まる場合は、新しい文字列に追加する必要があります。そうでなければ、何も起こらないはずです。

リストと文字列を定義することから始めます：

var cakes = ["Babka", "Raspberry Ganache", "Strawberry Cheesecake", "Baked Alaska"];
var start_with_b = "| ";

変数「start_with_b」には、「B」で始まるすべてのケーキが含まれます。最初は、その値は「| 」。

次に、forループを作成して、すべてのケーキを反復処理し、各ケーキが「B」で始まるかどうかを確認します。

for (cake in cakes) {
	if (cakes[cake].startsWith("B")) {
		var message = cakes[cake] + " | ";
		start_with_b += message
	}
}

console.log(start_with_b);

JavaScriptのstartsWith（）メソッドを使用して、リスト内の各ケーキが「B」で始まるかどうかを確認します。

ケーキが「B」で始まる場合、ifステートメントが実行されます。 ifステートメント内で、「message」という変数を宣言します。これにより、「| 」をすべてのケーキ名の最後に付けます。これは、文字列に個別に表示されるようにするためです。

次に、代入演算子を使用して、「message」の内容を「start_with_b」変数の最後に追加します。

コードを実行してみましょう：

| Babka | Baked Alaska | 

このコードは、「B」で始まるすべてのケーキのリストを返します。

2つの文字列をマージする代わりに、連結演算子またはconcat（）メソッドを使用することもできます。これらのメソッドの詳細については、JavaScript文字列連結ガイドをご覧ください。

結論

加算代入（+ =）演算子は、値を別の値に加算し、結果の値を変数に代入します。文字列の末尾に値を追加したり、数値を一緒に追加したりするためによく使用されます。

JavaScriptについてもっと知りたいですか？専門家の学習のヒントとトップオンラインブックおよびコースのガイダンスについては、JavaScriptの完全な学習方法ガイドを確認してください。