JavaScript Plus Equal の効果

Habdul Hazeez 2023年10月12日
  1. JavaScript Plus Equal (+=) 数字の間
  2. JavaScript Plus Equal (+=) 文字列間
  3. 数値と文字列の間の JavaScript Plus Equal (+=)
JavaScript Plus Equal の効果

このチュートリアルでは、次の場合の JavaScript plus equal の効果について説明します。

  1. JavaScript と数値間の等号
  2. JavaScript と文字列間の等号
  3. JavaScript と数値と文字列の間の等号

JavaScript Plus Equal (+=) 数字の間

JavaScript プラス イコール (+=) が 2つの数字の間にある場合、右の数字を左の数字に追加します。 ただし、左の数値は変数に格納する必要があります。 そうしないと、エラーが発生します。

次の例では、値が数値である一連の変数を作成しました。 その後、JavaScript に加えて、変数と異なる数値の間で等号を使用します。

その結果、JavaScript はそれぞれの状況で変数値に数値を追加します。

let first_number = 23;
let my_age = 30;
let goods_recieved = 100
let electricity_consumption = 1400;

console.log(first_number += 10);
console.log(my_age += 2);
console.log(goods_recieved += 708);
console.log(electricity_consumption += 222);

出力:

33
32
808
1622

数値配列がある場合は、forEach と JavaScript と equal を使用して数値の合計を取得できます。 たとえば、次のコードには数値配列があり、total_sum という変数を宣言しています。

そのため、forEach が配列を反復処理するとき、JavaScript plus equal は total_sum に数値を追加します。 その結果、反復の最後に配列内の数値の合計が得られます。

一方、変数 total_sum は、このコンテキストではアキュムレータです。 以下に数値の配列があり、JavaScript plus equal を使用してそれらの合計を取得します。

let my_array = [1, 4, 5, 8, 4, 3, 2, 67, 44];
let total_sum = 0;
my_array.forEach(function(value) {
  total_sum += value;
  //   console.log(total_sum);
});
console.log(total_sum);

出力:

138

JavaScript Plus Equal (+=) 文字列間

文字列間の JavaScript プラスイコール (+=) は、文字列を連結します。 次の例では、異なる変数に 2つの文字列があります。

最初の変数は Delft の値を持ち、2 番目の変数は Stack の値を保持します。 したがって、これらの文字列を連結すると DelftStack が生成されます。

let website_first_name = 'Delft';
let website_last_name = 'Stack';

console.log(website_first_name += website_last_name);

出力:

DelftStack

数値と文字列の間の JavaScript Plus Equal (+=)

数値と文字列の間に JavaScript と等号 (+=) を使用すると、数値が強制的に文字列になります。 これは、+ 記号が数値と文字列のコンテキストで数値を文字列に変換するためです。

したがって、コード typeof(2 + 'Delft Stack')string を返します。これは、+ 記号が数値 2 を文字列に変換したためです。

次のコードでは、値が 197my_number という変数があります。 一方、文字列に追加する前に、my_number が数値であることを示す typeof 演算子を使用しました。

しかし、Hello World という文字列を 197 に追加すると、もはや number 型ではなくなりました。 代わりに、現在は string 型です。 したがって、その後の typeof 演算子によるチェックでは、my_number が文字列になっていることが示されます。

let my_number = 197;
console.log(
    `Before Plus Equal With a String: ${my_number} is a `, typeof (my_number));
my_number += ' Hello World';
console.log(
    `After Plus Equal With a String: ${my_number} is a`, typeof (my_number));
// From this point on, my_number is a string
console.log(my_number += 300);

出力:

Before Plus Equal With a String: 197 is a  number
After Plus Equal With a String: 197 Hello World is a string
197 Hello World300
著者: Habdul Hazeez
Habdul Hazeez avatar Habdul Hazeez avatar

Habdul Hazeez is a technical writer with amazing research skills. He can connect the dots, and make sense of data that are scattered across different media.

LinkedIn

関連記事 - JavaScript Number