Convierta una string separada por comas en una array usando JavaScript

Una string separada por comas se puede convertir en una array mediante 2 enfoques:

Método 1: Usar el método split()
El método split() se usa para dividir una string sobre la base de un separador. Este separador podría definirse como una coma para separar la string siempre que se encuentre una coma. Este método devuelve una array de strings que están separadas.

Sintaxis:

string.split(', ')

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
      Convert comma separated 
      string to array using JavaScript
  </title>
</head>
  
<body>
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <b>Convert comma separated string 
      to array using JavaScript</b>
    <p>Original string is
      "One, Two, Three, Four, Five"</p>
    <p>
      Separated Array is: <span class="output"></span>
  </p>
  
    <button onclick="separateString()">
      Remove Text
  </button>
    <script type="text/javascript">
        function separateString() {
            originalString = "One, Two, Three, Four, Five";
            separatedArray = originalString.split(', ');
  
            console.log(separatedArray);
            document.querySelector('.output').textContent = 
              separatedArray;
        }
    </script>
</body>
  
</html>

Producción:

  • Después de hacer clic en el botón:
    split-output
  • Salida de la consola:
    split-console

Método 2: iterar a través de la array, realizar un seguimiento de cualquier coma encontrada y crear una nueva array con las strings separadas.
Este enfoque implica iterar a través de cada carácter de la string y verificar la coma. Se define una variable anteriorIndex que realiza un seguimiento del primer carácter de la siguiente string. A continuación, se utiliza el método de división para eliminar la parte de la string entre el índice anterior y la ubicación actual de la coma encontrada. Esta string luego se empuja a una nueva array. Este proceso luego se repite para toda la longitud de la cuerda. La array final contiene todas las strings separadas.

Sintaxis:

originalString = "One, Two, Three, Four, Five";
separatedArray = [];
 
// index of end of the last string 
let previousIndex = 0;
 
for(i = 0; i < originalString.length; i++) {
 
    // check the character for a comma
    if (originalString[i] == ', ') {
 
        // split the string from the last index
        // to the comma
        separated = originalString.slice(previousIndex, i);
        separatedArray.push(separated);
 
        // update the index of the last string
        previousIndex = i + 1;
    }
}
 
// push the last string into the array
separatedArray.push(originalString.slice(previousIndex, i));

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
      Convert comma separated string
      to array using JavaScript
  </title>
</head>
  
<body>
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <b>Convert comma separated 
      string to array using JavaScript</b>
    <p>Original string is
      "One, Two, Three, Four, Five"</p>
    <p>
      Separated Array is: <span class="output"></span>
  </p>
  
    <button onclick="separateString()">
      Remove Text
  </button>
    <script type="text/javascript">
        
        function separateString() {
            
            originalString =
              "One, Two, Three, Four, Five";
            separatedArray = [];
  
            // index of end of the last string 
            let previousIndex = 0;
  
            for (i = 0; i < originalString.length; i++) {
  
                // check the character for a comma
                if (originalString[i] == ', ') {
  
                    // split the string from the last index
                    // to the comma
                    separated = 
                      originalString.slice(previousIndex, i);
                    separatedArray.push(separated);
  
                    // update the index of the last string
                    previousIndex = i + 1;
                }
            }
  
            // push the last string into the array
            separatedArray.push(
              originalString.slice(previousIndex, i));
  
            console.log(separatedArray);
            document.querySelector(
              '.output').textContent = separatedArray;
        }
    </script>
</body>
  
</html>

Producción:

  • Después de hacer clic en el botón:
    js-output
  • Salida de la consola:
    js-console

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *