web-dev-qa-db-ja.com

JavaScriptの文字列と数値の変換

JavaScriptで次のことを行うにはどうすればよいですか？

  1. 「1」、「2」、「3」を「123」に連結します

  2. 「123」を123に変換

  3. 123 + 100 = 223を追加

  4. 223を「223」に変換

javascriptstringnumbers
85
user366312

parseInt() および toString() に慣れてください。

そして、ツールキットで役立つのは、変数を見て、それがどのタイプかを調べることです— typeof ：

<script type="text/javascript">
    /**
     * print out the value and the type of the variable passed in
     */

    function printWithType(val) {
        document.write('<pre>');
        document.write(val);
        document.write(' ');
        document.writeln(typeof val);
        document.write('</pre>');
    }

    var a = "1", b = "2", c = "3", result;

    // Step (1) Concatenate "1", "2", "3" into "123"
    // - concatenation operator is just "+", as long
    //   as all the items are strings, this works
    result = a + b + c;
    printWithType(result); //123 string

    // - If they were not strings you could do
    result = a.toString() + b.toString() + c.toString();
    printWithType(result); // 123 string

    // Step (2) Convert "123" into 123
    result = parseInt(result,10);
    printWithType(result); // 123 number

    // Step (3) Add 123 + 100 = 223
    result = result + 100;
    printWithType(result); // 223 number

    // Step (4) Convert 223 into "223"
    result = result.toString(); //
    printWithType(result); // 223 string

    // If you concatenate a number with a 
    // blank string, you get a string    
    result = result + "";
    printWithType(result); //223 string
</script>
117
artlung

ステップ（1）「1」、「2」、「3」を「123」に連結する

 "1" + "2" + "3"

または

 ["1", "2", "3"].join("")

join メソッドは、配列の項目を文字列に連結し、指定された区切り文字を項目間に配置します。この場合、「区切り文字」は空の文字列（""）です。


ステップ（2）「123」を123に変換する

 parseInt("123")

ECMAScript 5 の前に、基数10の基数を渡す必要がありました：parseInt("123", 10)


ステップ（3）123 + 100 = 223を追加

 123 + 100


ステップ（4）223を「223」に変換する

 (223).toString()


すべて一緒に

 (parseInt("1" + "2" + "3") + 100).toString()

または

 (parseInt(["1", "2", "3"].join("")) + 100).toString()
50
Patrick McElhaney
r = ("1"+"2"+"3")           // step1 | build string ==> "123"
r = +r                      // step2 | to number    ==> 123
r = r+100                   // step3 | +100         ==> 223
r = ""+r                    // step4 | to string    ==> "223"

//in one line
r = ""+(+("1"+"2"+"3")+100);
26
cesarl

これらの質問は、JavaScriptのタイピングシステムにより常に発生します。人々は、数字の文字列を取得しているときに数字を取得していると思います。

JavaScriptが文字列と数値を処理する方法を利用するいくつかのことがあります。個人的には、JavaScriptで文字列の連結に+以外の記号を使用したかったのです。

ステップ（1）「1」、「2」、「3」を「123」に連結する

result = "1" + "2" + "3";

ステップ（2）「123」を123に変換する

result = +"123";

ステップ（3）123 + 100 = 223を追加

result = 123 + 100;

ステップ（4）223を「223」に変換する

result = "" + 223;

これらが機能する理由を知っていれば、JavaScript式で問題が発生する可能性は低くなります。

14
Nosredna

次のようにできます：

// step 1 
var one = "1" + "2" + "3"; // string value "123"

// step 2
var two = parseInt(one); // integer value 123

// step 3
var three = 123 + 100; // integer value 223

// step 4
var four = three.toString(); // string value "223"
11
Andrew Hare

文字列を数値に変換するには、0を減算します。数値を文字列に変換するには、 ""（空の文字列）を追加します。

5 + 1は6を与えます

（5 + ""）+ 1で "51"が得られます

（ "5"-0）+ 1は6を与えます

8
Robert L

parseIntはscanfのように誤って機能しています：

 parseInt（ "12 monkeys"、10）は、値が '12'の数値です。
 + "12 monkeys"は、値が 'NaN' 
 Number（ "12 monkeys "）は、値 'NaN' 
の数値です
5
xander

以下は、JavaScriptを使用すると問題が発生する非常に苛立たしい例です。

parseInt()を使用して数値に変換し、結果に別の数値を追加しようとすると、2つの文字列が連結されます。

ただし、次の例に示すように、括弧内に合計式を置くによって問題を解決できます。

結果：年齢の合計は98です。彼らの年齢の合計は：5048

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
function Person(first, last, age, eye) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eye;
}

var myFather = new Person("John", "Doe", "50", "blue");
var myMother = new Person("Sally", "Rally", 48, "green");

document.getElementById("demo").innerHTML = "Their age sum is: "+
 (parseInt(myFather.age)+myMother.age)+"; Their age sum is NOT: " +
 parseInt(myFather.age)+myMother.age; 
</script>

</body>
</html>
1
jpsousa

これを行うには、単項プラス演算子を使用して、最初に数値に変換し、単純に加算します。下記参照：-

var a = "4";
var b = "7";
var sum = +a + +b;
0
hemant

最も単純なのは、整数を文字列にする場合です

var a,b, c;
a = 1;
b = a.toString(); // This will give you string

ここで、string型の変数bから整数を取得できます

c = b *1; //This will give you integer value of number :-)

上記を確認したい場合は数字です。 bに整数が含まれているかどうかわからない場合は、使用できます

if(isNaN(c*1)) {
  //NOt a number
}
else //number
0
Kshitiz