Imagen destacada del artículo Cortar cadena javascript

Cortar cadena javascript

javascript svg
actualizado: 25 / 07 / 2020

Para cortar una cadena de texto en javascript podemos usar el método .split(), dependiendo del parámetro que se le pase a esta función separara la cadena de formas distintas y retornara ese valor en un arreglo. En el siguiente ejemplo se observa claramente esta utilidad.

Cortar string usando .split()

js
const sentence = "javascript es genial";
const splitString = sentence.split("");
//[ "j", "a", "v", "a", "s", "c", "r", "i", "p", "t", … ]

En este ejemplo se pasa como argumento a la función una cadena vacía, esto retornara un arreglo con cada letra dentro del texto, incluidos los espacios en blanco.

Separar una cadena en palabras con el método .split()

Para este ejercicio vamos a hacer un contador de palabras básico, para ejemplificar de una forma didáctica como cortar y separar texto con js.

js
const cadena = "javascript es genial";
function contarPalabras(str) {
const separarEnPalabras = cadena.split(" ");
// [ "javascript", "es", "genial" ]
return separarEnPalabras.length;
}
contarPalabras(cadena); // 3

En este ejercicio le pasamos al método .split(' ') una cadena con un espacio en blanco, para que separe el string en un arreglo con cada palabra del texto.siempre y cuando la palabras estén separadas por un solo espacio. La función que creamos retornara cuantas palabras encuentra dentro del texto.

Ejercicio dividir cadena con javascript

Para este ejercicio vamos a guardar en un arreglo los elementos que están separados por comas en una cadena de caracteres.

  • Primero definamos un string con varios nombres.
js
const nombresDeTecnlogias = "css, js, html,react, angular, node, php, java";
  • A continuación usamos el método .split(',') y le pasamos como parámetro una coma.
js
const arregloTecnologias = nombresDeTecnlogias.split(",");
// ["css", " js", " html", "react", " angular", " node", " php", " java"]
  • Con esto hemos cambiado la cadena y la convertimos en un arreglo con cada elemento separado.
Artículos relacionados:
Cómo poner comentarios en javascript

Imagen destacada del artículo Cómo poner comentarios en javascript

Desestructuración (destructuring) de parámetros en funciones con typescript.

Imagen destacada del artículo Desestructuración (destructuring) de parámetros en funciones con typescript.

Cómo crear elementos html con el método .createElement de javascript

Imagen destacada del artículo Cómo crear elementos html con el método .createElement de javascript

Cómo ocultar un div con javascript

Imagen destacada del artículo Cómo ocultar un div con javascript

Verificar si una expresión es un palindromo con javascript

Imagen destacada del artículo Verificar si una expresión es un palindromo con javascript

Cómo filtrar elementos de un array con el método .filter()

Imagen destacada del artículo Cómo filtrar elementos de un array con el método .filter()

Cómo hacer un menú hamburguesa con html, css y javascript

Imagen destacada del artículo Cómo hacer un menú hamburguesa con html, css y javascript

Cambiar estilos css usando javascript

Imagen destacada del artículo Cambiar estilos css usando javascript