in

Métodos de cadena de JavaScript


Los métodos de cadena le ayudan a trabajar con cadenas.


Propiedades y métodos de cadena

Los valores primitivos, como «John Doe», no pueden tener propiedades o métodos (porque no son objetos).

Pero con JavaScript, los métodos y propiedades también están disponibles para valores primitivos, porque JavaScript trata los valores primitivos como objetos cuando ejecuta métodos y propiedades.


Longitud de la cuerda

los length propiedad devuelve la longitud de una cadena:

Ejemplo

let txt = «ABCDEFGHIJKLMNOPQRSTUVWXYZ»;
txt.length // Devuelve 26

Inténtalo tú mismo »


Extracción de partes de cuerdas

Hay 3 métodos para extraer una parte de una cadena:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

El método slice ()

slice() extrae una parte de una cadena y devuelve la parte extraída en una nueva cadena.

El método toma 2 parámetros: la posición inicial y la posición final (final no incluido).

Este ejemplo corta una porción de una cuerda desde la posición 7 a la posición 12 (13-1):

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
str.slice (7, 13) // Devuelve Banana

Inténtalo tú mismo »

Recuerde: JavaScript cuenta las posiciones desde cero. La primera posición es 0.

Si un parámetro es negativo, la posición se cuenta desde el final de la cadena.

Este ejemplo corta una parte de una cadena de la posición -12 a la posición -6:

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
str.slice (-12, -6) // Devuelve Banana

Inténtalo tú mismo »

Si omite el segundo parámetro, el método cortará el resto de la cadena:

o, contando desde el final:



El método substring ()

substring() es parecido a slice().

La diferencia es que substring() no puede aceptar índices negativos.

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
substring (7, 13) // Devuelve Banana

Inténtalo tú mismo »

Si omite el segundo parámetro, substring() cortará el resto de la cuerda.


El método substr ()

substr() es parecido a slice().

La diferencia es que el segundo parámetro especifica el largo
de la parte extraída.

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
str.substr (7, 6) // Devuelve Banana

El resultado de res será:

Banana

Inténtalo tú mismo »

Si omite el segundo parámetro, substr() cortará el resto de la cuerda.

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
str.substr (7) // Devuelve Banana, Kiwi

Inténtalo tú mismo »

Si el primer parámetro es negativo, la posición cuenta desde el final de la cadena.

Ejemplo

let str = «Manzana, Plátano, Kiwi»;
str.substr (-4) // Devuelve Kiwi

Inténtalo tú mismo »


Reemplazo del contenido de la cadena

los replace() El método reemplaza un valor especificado con otro valor en una cadena:

Ejemplo

let text = «¡Visite Microsoft!»;
let newText = text.replace («Microsoft», «W3Schools»);

Inténtalo tú mismo »

los replace() El método no cambia la cadena en la que se llama. Devuelve una nueva cadena.

Por defecto, el replace() método reemplaza solo el primero fósforo:

Ejemplo

let text = «¡Visite Microsoft y Microsoft!»;
let newText = text.replace («Microsoft», «W3Schools»);

Inténtalo tú mismo »

Por defecto, el replace() El método distingue entre mayúsculas y minúsculas. Escribir MICROSOFT (con mayúsculas) no funcionará:

Ejemplo

let text = «¡Visite Microsoft!»;
let newText = text.replace («MICROSOFT», «W3Schools»);

Inténtalo tú mismo »

Para reemplazar mayúsculas y minúsculas, utilice un expresión regular con un /i bandera (insensible):

Ejemplo

let text = «¡Visite Microsoft!»;
let newText = text.replace (/ MICROSOFT / i, «W3Schools»);

Inténtalo tú mismo »

Tenga en cuenta que las expresiones regulares se escriben sin comillas.

Para reemplazar todas las coincidencias, use un expresión regular con un /g bandera (coincidencia global):

Ejemplo

let text = «¡Visite Microsoft y Microsoft!»;
let newText = text.replace (/ Microsoft / g, «W3Schools»);

Inténtalo tú mismo »


Conversión a mayúsculas y minúsculas

Una cadena se convierte a mayúsculas con toUpperCase():

Ejemplo

let text1 = «¡Hola mundo!»; // Cuerda
let text2 = text1.toUpperCase (); // text2 es text1 convertido a superior

Inténtalo tú mismo »

Una cadena se convierte a minúsculas con toLowerCase():

Ejemplo

let text1 = «¡Hola mundo!»; // Cuerda
let text2 = text1.toLowerCase (); // text2 es text1 convertido a menor

Inténtalo tú mismo »


El método concat ()

concat() une dos o más cadenas:

Ejemplo

let text1 = «Hola»;
let text2 = «Mundo»;
let text3 = text1.concat («», texto2);

Inténtalo tú mismo »

los concat() se puede utilizar el método en lugar del operador más. Estas dos líneas hacen lo mismo:

Ejemplo

text = «Hola» + «» + «¡Mundo!»;
text = «Hola» .concat («», «¡Mundo!»);

Todos los métodos de cadena devuelven una nueva cadena. No modifican la cadena original.
Dicho formalmente: las cadenas son inmutables: las cadenas no se pueden cambiar, solo reemplazar.


String.trim ()

los trim() El método elimina los espacios en blanco de ambos lados de una cadena:

Ejemplo

let text = «¡Hola mundo!»;
text.trim () // Devuelve «¡Hola mundo!»

Inténtalo tú mismo »


Relleno de cadenas de JavaScript

ECMAScript 2017 agregó dos métodos de cadena: padStart
y padEnd para apoyar el relleno al principio y al final de una cadena.

El relleno de cadenas no es compatible con Internet Explorer.

Firefox y Safari fueron los primeros navegadores compatibles con el relleno de cadenas de JavaScript:

Cromo 57 Borde 15 Firefox 48 Safari 10 Ópera 44
Mar. De 2017 Abr. De 2017 Ago. De 2016 Sep. De 2016 Mar. De 2017

Extraer caracteres de cadena

Hay 3 métodos para extraer caracteres de cadena:

  • charAt(position)
  • charCodeAt(position)
  • Acceso a la propiedad [ ]

El método charAt ()

los charAt() El método devuelve el carácter en un índice (posición) especificado en una cadena:

Ejemplo

let text = «HOLA MUNDO»;
text.charAt (0) // Devuelve H

Inténtalo tú mismo »


El método charCodeAt ()

los charCodeAt() El método devuelve el Unicode del carácter en un índice especificado en una cadena:

El método devuelve un código UTF-16 (un número entero entre 0 y 65535).

Ejemplo

let text = «HOLA MUNDO»;

text.charCodeAt (0) // Devuelve 72

Inténtalo tú mismo »


Acceso a la propiedad

ECMAScript 5 (2009) permite el acceso a la propiedad [ ] en cuerdas:

Ejemplo

let text = «HOLA MUNDO»;
texto[0] // devuelve H

Inténtalo tú mismo »

El acceso a la propiedad puede ser un poco impredecible:

  • Hace que las cadenas parezcan matrices (pero no lo son)
  • Si no se encuentra ningún carácter, [ ] devuelve undefined, mientras que charAt () devuelve una cadena vacía.
  • Es de solo lectura. str[0] = «A» no da ningún error (¡pero no funciona!)

Ejemplo

let text = «HOLA MUNDO»;
texto[0] = «A» // No da error, pero no funciona
texto[0] // devuelve H

Inténtalo tú mismo »

Si desea trabajar con una cadena como una matriz, puede convertirla en una matriz.


Conversión de una cadena en una matriz

Una cadena se puede convertir en una matriz con la split() método:

Ejemplo

text.split («,») // Dividir entre comas
text.split («») // Dividir en espacios
text.split («|») // Dividir en tubería

Inténtalo tú mismo »

Si se omite el separador, la matriz devuelta contendrá toda la cadena en el índice [0].

Si el separador es «», la matriz devuelta será una matriz de caracteres individuales:


Referencia de cadena completa

Para obtener una referencia completa, vaya a nuestra Referencia completa de cadenas de JavaScript.

La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de las cadenas.



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

open dbaas monitor console

Inicio rápido de oracleDatabase Cloud Service (DBaaS)

planar and non planar graphs

Gráficos planos y no planos – javatpoint