Cadena de JavaScript (con ejemplos)

En este tutorial, aprenderá acerca de las cadenas de JavaScript con la ayuda de ejemplos.

La cadena de JavaScript es un tipo de datos primitivo que se utiliza para trabajar con textos. Por ejemplo,

 const name = 'John';

Crear cadenas de JavaScript

En JavaScript, las cadenas se crean rodeándolas con comillas. Hay tres formas de utilizar las comillas.

  • Comillas simples: 'Hello'
  • Doble comillas: "Hello"
  • Comillas invertidas: `Hello`

Por ejemplo,

 //strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;

Las comillas simples y las comillas dobles son prácticamente lo mismo y puede utilizar cualquiera de ellas.

Las comillas inversas se utilizan generalmente cuando necesita incluir variables o expresiones en una cadena. Esto se hace envolviendo variables o expresiones $(variable or expression)como se muestra arriba.

También puede escribir una cotización dentro de otra cotización. Por ejemplo,

 const name = 'My name is "Peter".';

Sin embargo, la cita no debe coincidir con las citas que la rodean. Por ejemplo,

 const name = 'My name is 'Peter'.'; // error

Caracteres de cadena de acceso

Puede acceder a los caracteres de una cadena de dos formas.

  • Una forma es tratar las cadenas como una matriz. Por ejemplo,
 const a = 'hello'; console.log(a(1)); // "e"
  • Otra forma es utilizar el método charAt(). Por ejemplo,
 const a = 'hello'; console.log(a.charAt(1)); // "e"

Las cadenas de JavaScript son inmutables

En JavaScript, las cadenas son inmutables. Eso significa que los caracteres de una cadena no se pueden cambiar. Por ejemplo,

 let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"

Sin embargo, puede asignar el nombre de la variable a una nueva cadena. Por ejemplo,

 let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"

JavaScript distingue entre mayúsculas y minúsculas

JavaScript distingue entre mayúsculas y minúsculas. Eso significa que en JavaScript, las letras minúsculas y mayúsculas se tratan como valores diferentes. Por ejemplo,

 const a = 'a'; const b = 'A' console.log(a === b); // false

En JavaScript, ay Ase tratan como valores diferentes.

Cadenas de varias líneas de JavaScript

Para utilizar una cadena de varias líneas, puede utilizar el +operador o el operador. Por ejemplo,

 // using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'

Longitud de cadena de JavaScript

Para encontrar la longitud de una cadena, puede usar la lengthpropiedad incorporada . Por ejemplo,

 const a = 'hello'; console.log(a.length); // 5

Objetos de cadena de JavaScript

También puede crear cadenas con la newpalabra clave. Por ejemplo,

 const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"

Nota : se recomienda evitar el uso de objetos de cadena. El uso de objetos de cadena ralentiza el programa.

Métodos de cadena de JavaScript

A continuación, se muestran los métodos de cadena de JavaScript más utilizados:

Método Descripción
charAt (índice) devuelve el carácter en el índice especificado
concat () une dos o más cadenas
reemplazar() reemplaza una cuerda con otra cuerda
división() convierte la cadena en una matriz de cadenas
substr (inicio, longitud) devuelve una parte de una cadena
subcadena (inicio, fin) devuelve una parte de una cadena
rebanada (inicio, final) devuelve una parte de una cadena
toLowerCase () returns the passed string in lower case
toUpperCase() returns the passed string in upper case
trim() removes whitespace from the strings
includes() searches for a string and returns a boolean value
search() searches for a string and returns a position of a match

Example: JavaScript String Methods

 const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"

JavaScript String() Function

The String() function is used to convert various data types to strings. For example,

 const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"

If you want to learn more about the string conversion, visit JavaScript Type Conversion.

Escape Character

You can use the backslash escape character to include special characters in a string. For example,

 const name = 'My name is \'Peter\'.'; console.log(name);

Output

 My name is 'Peter'.

In the above program, the same quote is included using .

Here are other ways that you can use :

Code Output
" include double quote
\ incluir barra invertida
orte nueva línea
r retorno de carro
v pestaña vertical
t pestaña horizontal
segundo retroceso
F formulario de alimentación

Articulos interesantes...