Trabajando con cuerdas en JavaScript | explicado con ejemplos

Las cuerdas no son más que una colección de personajes, letras, números o símbolos. En JavaScript, las cadenas son de naturaleza primitiva e inmutable que determina cuándo alguien implementa algunas funcionalidades en una cadena específica, como resultado, no afectaría la cadena original, creará una nueva cadena.

Cómo crear una cadena en JavaScript

Mientras trabaja con cuerdas, la primera pregunta que viene a nuestras mentes es cómo crear una cadena? Bueno, tenemos dos respuestas a esta pregunta, primero tenemos que entender qué tipo de cadena vamos a crear?

JavaScript ofrece dos tipos de cuerdas:

un simple "cadena",

"Literales de plantilla”(Introducido en ES6).

Consideraremos algunos ejemplos para comprender ambos conceptos:

Mientras crea una cadena simple, encerraremos todos los personajes en una sola cita "o una doble cita" "como lo hicimos en el ejemplo dado:

"Hola, esta es nuestra primera cuerda escrita en citas dobles";
'Hola, esta es nuestra segunda cuerda escrita en la cita única';

Hasta ahora, lo que hemos hecho es, solo rodear la secuencia de letras con las citas dobles, y a continuación con la cita única, no asignamos una cadena a ninguna variable o literal, etc.

Ahora podemos obtener la salida de estas cadenas de muchas maneras, por ejemplo, podemos imprimir la salida en la consola del navegador como:

consola.log ("Hola, esta es nuestra primera cuerda escrita en doble cotas");
consola.log ('Hola, esta es nuestra segunda cuerda escrita en la cita única');

Ahora obtendremos nuestra salida en la consola como:

Si bien también podemos obtener la salida en nuestro documento como:

documento.escribir ("Hola, esta es nuestra primera cuerda escrita en doble cotas");

Obtendremos la siguiente salida cuando utilicemos "documento.escribir()":

Otra forma de imprimir nuestra cadena es el "alerta" método:

alerta ("Hola, esta es nuestra primera cuerda escrita en doble cotas");

En este caso, aparecerá una ventana emergente y obtendremos nuestra salida en esa ventana:

Ahora discutiremos el segundo método "literales de plantilla"Para crear una cadena en JavaScript.

Literales de plantilla

El "literales de plantilla"Realizar lo mismo que la cita única y la doble cota, pero con algunas funcionalidades adicionales. El plantilla literal Las cuerdas están rodeadas de "trampas"". Discutiremos "literales de plantilla"En detalle en la última parte de este artículo"Cómo concatenar cadenas en JavaScript".

Cómo asignar una cadena a una variable en JavaScript

En JavaScript, podemos crear una variable de tres maneras con la palabra clave "var", "dejar" o con la palabra clave "const". Entonces, considere el siguiente ejemplo dado para comprender cómo podemos asignar una cadena a una variable:

const string1 = "cadena asignada a una variable const";
Let String2 = "Cadena asignada a una Variable LET";
var string3 = "cadena asignada a una variable var";

Creamos tres variables con tres palabras clave diferentes y asignamos una cadena a cada una de ellas como:

Usaremos la consola.Método log () para imprimir la salida de estas cadenas:

Entonces obtendremos la siguiente salida en nuestra consola:

Cómo concatenar las cuerdas en JavaScript

Concatenate significa combinar las cadenas múltiples, podemos concatenar múltiples cadenas utilizando el operador de concatenación "+":

const string1 = "Daniel";
Let String2 = "Bryn";
consola.log ("Nombre del empleado:", String1 + "" + String2);

Creamos dos cadenas y las asignamos a dos variables diferentes en la consola.Función de registro Concatenamos ambas variables con el operador "+".

En el anterior, combinamos dos cuerdas y agregamos un "espacio en blanco" entre ellas. Cuando ejecutamos el código, obtenemos la siguiente salida:

Podemos concatenar las cadenas directamente sin asignar sus valores a las variables, igual que nosotros en el siguiente ejemplo:

consola.log ("Nombre:", 'Michael' + "" + 'Clarke');

En este ejemplo, combinamos dos cuerdas, y entre ellas un espacio en blanco:

Y obtenemos el siguiente resultado en una ejecución exitosa:

Hasta ahora trabajamos en las cuerdas con una sola cita o cuerdas encerradas en doble cotas. Ahora consideraremos un ejemplo para comprender cómo funciona laickada:

Let First_Name = "Daniel";
Let full_name = 'Joe $ First_Name';
consola.log ("nombre:", full_name);

En este ejemplo, combinamos "First_Name" con "Joe" usando (') e imprime la salida en la consola:

Obtendremos la siguiente salida para el código anterior:

Cómo escapar de los caracteres especiales en JavaScript

Como hemos visto en los ejemplos anteriores, se utilizan citas individuales y citas dobles para significar las cadenas. Entonces, una pregunta que llama la atención de todos es cómo lidiar con los apóstrofes o algunos caracteres especiales dentro de las cuerdas? Por ejemplo:

Str = 'Soy una cadena!';
consola.log (str);

Entonces, en este ejemplo, cuando intentamos escribir Soy En una cadena, entonces no funcionaría correctamente:

Como en el fragmento anterior, vemos que el código de Visual Studio muestra un error, por lo que si aún así, intentamos ejecutar este código, entonces obtendremos la siguiente salida:

Por lo tanto, abordar tales casos especiales, JavaScript proporciona algunos caracteres especiales como Backshash '\', Tab '\ t', etc. Tomaremos un ejemplo en el que agregaremos '\' en la cadena:

Str = 'i \' m una cadena!';
consola.log ("la cadena:", str);

El '\' escapará de la cita única como:

Y obtendremos la salida resultante para la cadena como:

Cómo acceder a un personaje desde una cadena en JavaScript

Podemos acceder a un carácter específico de una cadena utilizando Brackets de matriz '[]':

Let String = "Hola, esta es nuestra primera cuerda escrita en doble cotas";
consola.log ("Carácter accedido:", cadena [8]);

Escribimos "String [8]" en el método de la consola que determina que accede al carácter '8º' de la cadena y lo imprime en la consola:

Tras una ejecución exitosa, obtendremos el octavo carácter de la cadena que es "I":

Conclusión

Las cadenas son tipos de datos primitivos e inmutables y este artículo proporciona una descripción completa del trabajo de String con la ayuda de ejemplos. Después de leer este artículo, podrá responder las preguntas como cómo crear una cadena, cómo mostrar una cadena, cómo asignar una cadena a una variable, cómo integrar/concatenar una cadena, cómo escapar de un carácter especial mientras trabaja con cuerdas y cómo acceder a un solo carácter de una cadena.