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