ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptで文字列番号を追加する方法

JavaScriptで文字列番号を追加する方法

PHPz
リリース: 2023-04-24 16:51:47
オリジナル
3975 人が閲覧しました

JavaScript は非常に人気があり、よく使用されるプログラミング言語であり、最もよく使用される関数の 1 つは数値と文字列の操作です。ただし、JavaScript で文字列番号を追加するのはそれほど簡単ではありません。この記事では、JavaScript で文字列番号を追加する方法について説明します。

JavaScript では、" " 演算子を使用して 2 つの数値を加算します。例:

var x = 1;
var y = 2;
var z = x + y;
console.log(z); // 输出3
ログイン後にコピー

ただし、2 つの文字列数値を追加しようとすると:

var x = "1";
var y = "2";
var z = x + y;
console.log(z); // 输出"12"
ログイン後にコピー

これは、JavaScript で " " 演算子を使用して 2 つの文字列を追加するときに、それらを数値に変換するのではなく、それらを連結します。そのため、上記のコードは数値「3」の代わりに「12」を出力します。

それでは、これら 2 つの文字列番号を追加したい場合はどうすればよいでしょうか?答えは、まず数値に変換してから合計することです。 JavaScript では、parseInt() または parseFloat() 関数を使用して文字列を数値に変換できます。例:

var x = "1";
var y = "2";
var z = parseInt(x) + parseInt(y);
console.log(z); // 输出3
ログイン後にコピー

また、Number() 関数を使用して文字列を数値に変換することもできます。例:

var x = "1";
var y = "2";
var z = Number(x) + Number(y);
console.log(z); // 输出3
ログイン後にコピー

これら 2 つの関数の動作は若干異なることに注意してください。 parseInt()関数は文字列を整数に変換しようとしますが、変換できない場合は NaN (数値ではない) を返します。 parseFloat() 関数は文字列を浮動小数点数に変換しようとしますが、変換できない場合は NaN を返します。 Number()関数は、文字列を整数、浮動小数点数、科学的表記法などの任意のタイプの数値に変換しようとします。

これらの関数の使用に加えて、演算子 - を使用して文字列数値を減算することもできます。これは、JavaScript では - 演算子が数値にのみ使用できるため、文字列数値を数値に変換してから減算するためです。例:

var x = "6";
var y = "2";
var z = x - y;
console.log(z); // 输出4
ログイン後にコピー

文字列に数字以外の文字が含まれている場合、変換は失敗し、NaN が返されることに注意してください。例:

var x = "1a";
var y = "2b";
var z = parseInt(x) + parseInt(y);
console.log(z); // 输出NaN
ログイン後にコピー

これを回避するには、文字列を数値に変換する前に、isNaN() 関数を使用して有効な数値かどうかを確認する必要があります。例:

var x = "1a";
var y = "2b";
if (!isNaN(x) && !isNaN(y)) {
  var z = parseInt(x) + parseInt(y);
  console.log(z); // 不会输出,因为x和y无效
}
ログイン後にコピー

実際のプログラミングでは、一連の文字列番号を追加する必要がある状況に遭遇することがあります。この時点で、ループを使用してそれらを次々に数値に変換し、加算することができます。例:

var nums = ["1", "2", "3"];
var sum = 0;
for (var i = 0; i < nums.length; i++) {
  var num = parseInt(nums[i]);
  if (!isNaN(num)) {
    sum += num;
  }
}
console.log(sum); // 输出6
ログイン後にコピー

このコードでは、まず文字列番号を含む配列を定義します。次に、ループを使用して配列内の各要素を反復処理し、それらを数値に変換し、変数 sum に追加します。各文字列を変換する前に、isNaN() 関数を使用して、それらが有効な数値であるかどうかをチェックしていることに注意してください。

つまり、JavaScript で文字列番号を追加するのは簡単な作業ではありません。ただし、最初に数値に変換してから合計する限り、このタスクは簡単に実行できます。この記事がお役に立てば幸いです!

以上がJavaScriptで文字列番号を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート