Artículos
Javascript

Dividir una cadena en elementos con JavaScript

15/Ago/2007

Cuando estamos manejando cadenas en JavaScript nos encontraremos casos en los que deseemos convertir estas en arrays o viceversa. Ya que, en determinadas ocasiones, es más fácil manejar en forma de array su contenido.

Pero posicionémonos. Pensemos cuando estamos recopilando información en formularios de las páginas o estamos decargándonos información al navegador. Si la información es una lista de elementos, tendremos varias formas de manipularla como parámetro

La primera será tener un parámetro por cada elemento. Con ello tendremos URL de la siguiente forma:

https://lineadecodigo.com/enviar.php?p1=amaya&p2=julio&p3=andrea

Lo que hacemos es encadenar pares nombre-valor. Si bien, si varían el número de elementos, emisor y receptor tendrán un código a la hora de manipular los elementos.

La segunda forma es enviarlos todos en un único parámetro con los valores en una cadena. En este caso tendríamos algo así:

https://lineadecodigo.com/enviar.php?p=amaya,julio,andrea

En este caso daría igual que tengamos más o menos valores.

Ahora lo que tenemos que saber es como, una vez que tenemos esta cadena, podemos dividirla en N elementos dentro de un array. Porque, estaremos de acuerdo que, manipular como array una lista de elementos es más sencillo.

Empezamos con una cadena JavaScript con los elementos.

var cadena = "amaya, julio, miguel ángel, elena, saira, nacho, andrea";

Si queremos dividirlo y convertirlo en un array podemos utilizar el método .split(caracter_de_division). Este método partirá la cadena en tantos elementos como caracteres de división encuentre. El carácter por el que dividirá será el que se pase como parámetro al método.

El método se ejecutará sobre la misma cadena y nos devolverá el array de elementos.

var nombres = cadena.split(",");

Código Fuente

Descárgate el código fuente de Dividir una cadena en elementos con JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
11 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios