Konvertieren Sie eine Zeichenfolge in eine Zahl in jQuery

  2. How-To's
  3. jQuery-Anleitungen
  4. Konvertieren Sie eine Zeichenfolge in …
Sheeraz Gul 21 Juni 2023
jQuery jQuery String
  1. Konvertieren Sie einen String in eine Zahl in jQuery
  2. Verwenden Sie Number(), um einen String in jQuery in eine Zahl umzuwandeln
  3. Verwenden Sie den unären Operator (+), um in jQuery eine Zeichenfolge in eine Zahl umzuwandeln
  4. Multiplizieren Sie mit 1, um den String in jQuery in eine Zahl umzuwandeln
  5. Verwenden Sie parseInt(), um String in Zahl in jQuery umzuwandeln
  6. Verwenden Sie parseFloat(), um in jQuery eine Zeichenfolge in eine Zahl umzuwandeln
  7. Verwenden Sie Math.floor, um String in Zahl in jQuery umzuwandeln
  8. Verwenden Sie Math.ceil, um String in Zahl in jQuery umzuwandeln
Konvertieren Sie eine Zeichenfolge in eine Zahl in jQuery

Dieses Tutorial zeigt, wie Sie mit jQuery eine Zeichenfolge in eine Zahl konvertieren.

Konvertieren Sie einen String in eine Zahl in jQuery

Es gibt mehrere Methoden, um eine Zeichenfolge mit JavaScript und jQuery in eine Zahl umzuwandeln. Die JavaScript-Methoden können zusammen mit jQuery-Code verwendet werden, um eine Zeichenfolge in eine Zahl umzuwandeln.

Die Methoden zum Konvertieren der Zeichenfolge in eine Zahl umfassen:

  1. Zahl()
  2. Unärer Operator (+)
  3. Multipliziere mit 1
  4. parseInt()
  5. parseFloat()
  6. Mathe.Etage()
  7. Math.ceil()

Alle oben genannten Methoden können in jQuery verwendet werden, um die Zeichenfolge in eine Zahl umzuwandeln.

Verwenden Sie Number(), um einen String in jQuery in eine Zahl umzuwandeln

Die Methode Number() ist die einfachste und am weitesten verbreitete Methode, um in jQuery/JavaScript einen String in eine Zahl umzuwandeln. Die Methode Number() kann Strings mit Dezimalzahlen und Strings ohne Sonderzeichen oder Buchstaben in Zahlen umwandeln; andernfalls wird NaN zurückgegeben.

Die Syntax für diese Methode lautet:

var number1 = Number(StringNumber);

Die StringNumber ist die Zahl in der Zeichenfolge, die konvertiert wird.

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Number()</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = Number('4422');      //it should return 4422
    $("#Converted1").text(number1);
    var number2 = Number('99,000')   //it should return NaN (Not a Number)
    $("#Converted2").text(number2);
    var number3 = Number('13.00')     //it should return 13
    $("#Converted3").text(number3);
    var number4 = Number('13.21')     //it should return 13.21
    $("#Converted4").text(number4);
    var number5 = Number('1000 Delftstack')    //it should return NaN (Not a Number)
    $("#Converted5").text(number5);
    var number6 = Number('Delftstack10')      //it should return NaN (Not a Number)
    $("#Converted6").text(number6);

</script>
</body>
</html>

Der obige Code konvertiert die angegebenen Zahlen in Strings mit der Methode Number() mit jQuery in das Zahlenformat. Siehe Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: NaN

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 13.21

The conversion result for "xxxx Delftstack" format is: NaN

The conversion result for "Delftsackxxxx" format is: NaN

Verwenden Sie den unären Operator (+), um in jQuery eine Zeichenfolge in eine Zahl umzuwandeln

Der unäre Operator + kann vor jedem String verwendet werden, um ihn in eine Zahl umzuwandeln, was der schnellste Weg ist, einen String in jQuery oder JavaScript in eine Zahl umzuwandeln. Die unären Operatoren arbeiten mit einem Operanden.

Die Syntax für diese Methode lautet:

var number = +'xx,xxx'

Wobei xx,xxx eine Zahlenfolge und + ein unärer Operator ist.

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Unary Operator</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = +'4422';
    $("#Converted1").text(number1);
    var number2 = +'99,000'
    $("#Converted2").text(number2);
    var number3 = +'13.00'
    $("#Converted3").text(number3);
    var number4 = +'13.21'
    $("#Converted4").text(number4);
    var number5 = +'100.01 Delftstack'
    $("#Converted5").text(number5);
    var number6 = +'Delftstack10'
    $("#Converted6").text(number6);


</script>

</body>
</html>

Der unäre Operator funktioniert ähnlich wie die Methode Number(). Es akzeptiert alle Sonderzeichen oder Buchstaben in der Zahlenfolge für diese und gibt NaN zurück.

Siehe die Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: NaN

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 13.21

The conversion result for "xxxx Delftstack" format is: NaN

The conversion result for "Delftsackxxxx" format is: NaN

Multiplizieren Sie mit 1, um den String in jQuery in eine Zahl umzuwandeln

Wenn wir in jQuery oder Javascript eine Zeichenfolge mit einer Zahl multiplizieren, wird versucht, das Ergebnis in eine Zahl umzuwandeln. In diesem Fall können wir jede Zeichenfolge mit 1 multiplizieren, um sie in eine Zahl umzuwandeln, und wenn dies möglich ist, wird die Zeichenfolge in eine Zahl umgewandelt.

Die Syntax für diese Methode lautet:

var number = 'xx,xxx' * 1

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Multiply by One</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = '4422' * 1;
    $("#Converted1").text(number1);
    var number2 = '99,000' * 1;
    $("#Converted2").text(number2);
    var number3 = '13.00' * 1;
    $("#Converted3").text(number3);
    var number4 = '13.21' * 1;
    $("#Converted4").text(number4);
    var number5 = '100.01 Delftstack' * 1;
    $("#Converted5").text(number5);
    var number6 = 'Delftstack10' * 1;
    $("#Converted6").text(number6);


</script>

</body>
</html>

Diese Methode funktioniert auch ähnlich wie der unäre Operator und die Methode Number(). Siehe die Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: NaN

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 13.21

The conversion result for "xxxx Delftstack" format is: NaN

The conversion result for "Delftsackxxxx" format is: NaN

Verwenden Sie parseInt(), um String in Zahl in jQuery umzuwandeln

Die Methode parseInt() kann mit jQuery Strings in Integer umwandeln. Das parseInt() kann einen String in eine ganze Zahl umwandeln, was bedeutet, dass es Dezimalstellen oder andere Sonderzeichen ignoriert.

Die Syntax für diese Methode lautet:

var number = parseInt(StringNumber)

StringNumber ist die Zeichenfolge, die in eine Zahl umgewandelt wird.

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Parse Int</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = parseInt('4422');
    $("#Converted1").text(number1);
    var number2 = parseInt('99,000')
    $("#Converted2").text(number2);
    var number3 = parseInt('13.00')
    $("#Converted3").text(number3);
    var number4 = parseInt('13.21')
    $("#Converted4").text(number4);
    var number5 = parseInt('1000 Delftstack')
    $("#Converted5").text(number5);
    var number6 = parseInt('Delftstack10')
    $("#Converted6").text(number6);


</script>

</body>
</html>

Der obige Code ignoriert die Dezimalstellen und andere Zeichen in der Zeichenfolge, wenn er eine separate Zahl findet.

Siehe die Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: 99

The conversion result for xx.xx format is: 13

The conversion result for xx.xx format is: 13

The conversion result for "xxxx Delftstack" format is: 1000

The conversion result for "Delftsackxxxx" format is: NaN

Verwenden Sie parseFloat(), um in jQuery eine Zeichenfolge in eine Zahl umzuwandeln

Die Methode parseFloat() wird verwendet, um einen String in eine Zahl mit Dezimalstellen umzuwandeln. Diese Methode funktioniert ähnlich wie parseInt, gibt aber eine Zahl mit Dezimalstelle zurück.

Die Syntax für diese Methode lautet:

var number = parseFloat(StringNumber)

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Parse Float</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = parseFloat('4422');
    $("#Converted1").text(number1);
    var number2 = parseFloat('99,000')
    $("#Converted2").text(number2);
    var number3 = parseFloat('13.00')
    $("#Converted3").text(number3);
    var number4 = parseFloat('13.21')
    $("#Converted4").text(number4);
    var number5 = parseFloat('100.01 Delftstack')
    $("#Converted5").text(number5);
    var number6 = parseFloat('Delftstack10')
    $("#Converted6").text(number6);


</script>
</body>
</html>

Der Code konvertiert die Zeichenfolge in eine Zahl mit einer Dezimalstelle, wo immer eine Dezimalstelle in der Zeichenfolge gefunden wird. Siehe die Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: 99

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 13.21

The conversion result for "xxxx Delftstack" format is: 100.01

The conversion result for "Delftsackxxxx" format is: NaN

Verwenden Sie Math.floor, um String in Zahl in jQuery umzuwandeln

Die Methode Math.floor gibt nur den ganzzahligen Teil der Zahl zurück, wenn ein String in jQuery in eine Zahl umgewandelt wird. Die Methode benötigt einen Parameter.

Die Syntax von Math.floor lautet:

var number = Math.floor(StringNumber)

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Math Floor</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = Math.floor('4422');
    $("#Converted1").text(number1);
    var number2 = Math.floor('99,000')
    $("#Converted2").text(number2);
    var number3 = Math.floor('13.00')
    $("#Converted3").text(number3);
    var number4 = Math.floor('13.21')
    $("#Converted4").text(number4);
    var number5 = Math.floor('100.01 Delftstack')
    $("#Converted5").text(number5);
    var number6 = Math.floor('Delftstack10')
    $("#Converted6").text(number6);


</script>

</body>
</html>

Der obige Code konvertiert nur die Zeichenfolgen mit dem richtigen Zahlenformat. Es akzeptiert keine Sonderzeichen oder Buchstaben in der Zeichenfolge, genau wie die Methode Number().

Siehe die Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: NaN

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 13

The conversion result for "xxxx Delftstack" format is: NaN

The conversion result for "Delftsackxxxx" format is: NaN

Verwenden Sie Math.ceil, um String in Zahl in jQuery umzuwandeln

Die Methode Math.ceil ähnelt der Methode Math.floor, rundet aber nur die angegebene Zahl auf die nächstgrössere ganze Zahl.

Die Syntax für diese Methode lautet:

var number = Math.ceil(StringNumber)

Versuchen wir es an einem Beispiel:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Math Ceil</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>

</head>
<body>
 <div class="html-code-output">
<div id="div1">
  <p>The conversion result for xxxx format is: <b id="Converted1"></b></p>
  <p>The conversion result for xx,xxx format is: <b id="Converted2"></b></p>
  <p>The conversion result for xx.00 format is: <b id="Converted3"></b></p>
  <p>The conversion result for xx.xx format is: <b id="Converted4"></b></p>
  <p>The conversion result for "xxxx Delftstack" format is: <b id="Converted5"></b></p>
  <p>The conversion result for "Delftsackxxxx" format is: <b id="Converted6"></b></p>
</div>
</div>

<script>

    var number1 = Math.ceil('4422');
    $("#Converted1").text(number1);
    var number2 =Math.ceil('99,000')
    $("#Converted2").text(number2);
    var number3 = Math.ceil('13.00')
    $("#Converted3").text(number3);
    var number4 = Math.ceil('13.21')
    $("#Converted4").text(number4);
    var number5 = Math.ceil('100.01 Delftstack')
    $("#Converted5").text(number5);
    var number6 = Math.ceil('Delftstack10')
    $("#Converted6").text(number6);


</script>
</body>
</html>

Der obige Code konvertiert die angegebene Zeichenfolge in eine Zahl, indem die Dezimalzahl aufgerundet wird. Es akzeptiert keine Sonderzeichen oder Buchstaben in der Zeichenfolge. Siehe Ausgabe:

The conversion result for xxxx format is: 4422

The conversion result for xx,xxx format is: NaN

The conversion result for xx.00 format is: 13

The conversion result for xx.xx format is: 14

The conversion result for "xxxx Delftstack" format is: NaN

The conversion result for "Delftsackxxxx" format is: NaN
Autor: Sheeraz Gul
Sheeraz Gul avatar Sheeraz Gul avatar

Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.

LinkedIn Facebook

Verwandter Artikel - jQuery String