¿Cómo convertir una array de strings en una array de números en JavaScript?

En este artículo, hemos proporcionado una array de strings y la tarea es convertirla en una array de números en JavaScript.

Input: ["1","2","3","4","5"]
Output: [1,2,3,4,5]

Input: ["10","21","3","14","53"]
Output: [10,21,3,14,53]

Hay dos métodos para hacer esto, que se detallan a continuación:

Método 1: Recorrido de array y encasillado: En este método, recorremos una array de strings y la agregamos a una nueva array de números encasillándola a un número entero usando la función parseInt() .

<script>
  
    // Create an array of string
    var stringArray = ["1", "2", "3", "4", "5"];
  
    // Create an empty array of number
    var numberArray = [];
  
    // Store length of array of string
    // in variable length
    length = stringArray.length;
  
    // Iterate through array of string using
    // for loop
    // push all elements of array of string
    // in array of numbers by typecasting
    // them to integers using parseInt function
    for (var i = 0; i < length; i++)
  
        // Instead of parseInt(), Number()
        // can also be used
        numberArray.push(parseInt(stringArray[i]));
  
    // Print the array of numbers
    console.log(numberArray);
</script>

Producción:

[1, 2, 3, 4, 5]

Método 2: Usar el método map() de JavaScript: En este método, usamos el método de mapa de array de JavaScript.

<script>
    // Create an array of string
    var stringArray = ["10", "21", "3", "14", "53"];
  
    // Create a numberArray and using
    // map function iterate over it
    // and push it by typecasting into
    // int using Number
    var numberArray = stringArray.map(Number);
  
    // Print the array of numbers
    console.log(numberArray);
</script>

Producción:

[10, 21, 3, 14, 53]