Juneikerc.com

Como cortar una cadena con javascript

imagen destacada del post: Como cortar una cadena con javascript

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.

En este artículo te he mostrado cómo cortar una cadena de texto en javascript usando el método.split(). Este método nos permite separar una cadena en partes más pequeñas y guardarlas en un arreglo.

Dependiendo del parámetro que le pasemos, podremos separar la cadena por letras, palabras o cualquier otro carácter.

Espero que te haya sido útil y que lo pongas en práctica en tus proyectos

Juneiker Castillo freelance web developer

Soy Juneiker Castillo, un desarrollador web frontend apasionado por la programación y la creación de sitios web modernos rápidos y escalables, en fin un friki 🤓 de javascript enamorado de react js ⚛️.

Sobre mi