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:
- Salida de la consola:
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:
- Salida de la consola:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA