Conversion de chaîne JavaScript et numéro

Question

Comment puis-je faire ce qui suit en JavaScript?

1. Concaténer "1", "2", "3" en "123"

2. Convertir "123" en 123

3. Ajouter 123 + 100 = 223

4. Convertir 223 en "223"

Answer 1

Vous voulez vous familiariser avec parseInt() et toString().

Et utile dans votre boîte à outils sera de regarder une variable pour savoir de quel type il s'agit - typeof:

    /**
     * afficher la valeur et le type de la variable passée en paramètre
     */

    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;

    // Étape (1) Concaténer "1", "2", "3" en "123"
    // - l'opérateur de concaténation est juste "+", tant
    //   que tous les éléments sont des chaînes de caractères, cela fonctionne
    result = a + b + c;
    printWithType(result); //123 string

    // - Si ce n'étaient pas des chaînes de caractères, vous pourriez faire
    result = a.toString() + b.toString() + c.toString();
    printWithType(result); // 123 string

    // Étape (2) Convertir "123" en 123
    result = parseInt(result,10);
    printWithType(result); // 123 number

    // Étape (3) Ajouter 123 + 100 = 223
    result = result + 100;
    printWithType(result); // 223 number

    // Étape (4) Convertir 223 en "223"
    result = result.toString(); //
    printWithType(result); // 223 string

    // Si vous concaténez un nombre avec une
    // chaîne vide, vous obtenez une chaîne
    result = result + "";
    printWithType(result); //223 string

Answer 2

Étape (1) Concaténer "1", "2", "3" en "123"

 "1" + "2" + "3"

ou

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

_La méthode join concatène les éléments d'un tableau dans une chaîne, en plaçant le délimiteur spécifié entre les éléments. Dans ce cas, le "délimiteur" est une chaîne vide ("")._

Étape (2) Convertir "123" en 123

 parseInt("123")

Avant ECMAScript 5, il était nécessaire de spécifier la base 10 : parseInt("123", 10)

Étape (3) Ajouter 123 + 100 = 223

 123 + 100

Étape (4) Convertir 223 en "223"

 (223).toString() 

ou

 String(223)

Mettons Tout Ensemble

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

ou

 (parseInt(["1", "2", "3"].join("")) + 100).toString()

Answer 3

r = ("1"+"2"+"3")           // étape1 | construire une chaîne ==> "123"
r = +r                      // étape2 | en nombre    ==> 123
r = r+100                   // étape3 | +100         ==> 223
r = ""+r                    // étape4 | en chaîne    ==> "223"

// sur une ligne
r = ""+(+("1"+"2"+"3")+100);

Answer 4

Ces questions reviennent tout le temps en raison du système de typage de JavaScript. Les gens pensent qu'ils obtiennent un nombre alors qu'ils obtiennent la chaîne d'un nombre.

Voici quelques choses que vous pourriez voir qui tirent parti de la façon dont JavaScript gère les chaînes et les nombres. Personnellement, je souhaite que JavaScript ait utilisé un symbole autre que + pour la concaténation de chaînes.

Étape (1) Concaténer "1", "2", "3" en "123"

résultat = "1" + "2" + "3";

Étape (2) Convertir "123" en 123

résultat = +"123";

Étape (3) Ajouter 123 + 100 = 223

résultat = 123 + 100;

Étape (4) Convertir 223 en "223"

résultat = "" + 223;

Si vous savez POURQUOI cela fonctionne, vous êtes moins susceptible d'avoir des problèmes avec les expressions JavaScript.

Answer 5

Vous pouvez le faire comme ça :

// étape 1
var one = "1" + "2" + "3"; // valeur de chaîne "123"

// étape 2
var two = parseInt(one); // valeur entière 123

// étape 3
var three = 123 + 100; // valeur entière 223

// étape 4
var four = three.toString(); // valeur de chaîne "223"