String JavaScript e conversão de número

Como posso fazer o seguinte em JavaScript?

1. Concatene "1", "2", "3" em "123"

2. Converta "123" em 123

3. Adicione 123 + 100 = 223

4. Converta 223 em "223"

Você deseja se familiarizar com parseInt()e toString().

E útil em seu kit de ferramentas será olhar para uma variável para descobrir de que tipo ela é— 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>

Etapa (1) Concatenar "1", "2", "3" em "123"

 "1" + "2" + "3"

ou

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

O método join concatena os itens de uma matriz em uma string, colocando o delimitador especificado entre os itens. Nesse caso, o "delimitador" é uma string vazia ( "").

Etapa (2) Converter "123" em 123

 parseInt("123")

Antes do ECMAScript 5 , era necessário passar o radical para a base 10:parseInt("123", 10)

Etapa (3) Adicionar 123 + 100 = 223

 123 + 100

Etapa (4) Converter 223 em "223"

 (223).toString() 

Coloque tudo junto

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

ou

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

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);

Essas questões surgem o tempo todo devido ao sistema de digitação do JavaScript. As pessoas pensam que estão obtendo um número quando estão obtendo a sequência de um número.

Aqui estão algumas coisas que você pode ver que tiram vantagem da maneira como o JavaScript lida com strings e números. Pessoalmente, gostaria que o JavaScript tivesse usado algum símbolo diferente de + para concatenação de strings.

Etapa (1) Concatenar "1", "2", "3" em "123"

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

Etapa (2) Converter "123" em 123

result = +"123";

Etapa (3) Adicionar 123 + 100 = 223

result = 123 + 100;

Etapa (4) Converter 223 em "223"

result = "" + 223;

Se você sabe POR QUE eles funcionam, é menos provável que tenha problemas com expressões JavaScript.

Você pode fazer assim:

// 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"

Para converter uma string em um número, subtraia 0. Para converter um número em uma string, adicione "" (a string vazia).

5 + 1 lhe dará 6

(5 + "") + 1 dará a você "51"

("5" - 0) + 1 dará a você 6

parseInt é mal caracterizado como scanf:

parseInt ("12 macacos", 10) é um número com valor '12'
+ "12 macacos" é um número com valor 'NaN'
O número ("12 macacos") é um número com valor 'NaN'

Abaixo está um exemplo muito irritante de como o JavaScript pode causar problemas:

Se você apenas tentar usar parseInt()para converter em número e adicionar outro número ao resultado, ele concatenará duas strings.

No entanto, você pode resolver o problema colocando a expressão de soma entre parênteses, conforme mostrado no exemplo abaixo.

Resultado: a soma das idades é: 98; A soma da idade NÃO é: 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>

O mais simples é quando você quer fazer um inteiro uma string fazer

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

Agora, a partir da variável b, que é do tipo string, podemos obter o inteiro

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

Se você quiser verificar acima é um número. Se você não tiver certeza se b contém um inteiro, você pode usar

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

Podemos fazer isso usando o operador mais unário para convertê-los em números primeiro e simplesmente adicionar. ver abaixo:-

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