Creación de strings


# String Los strings (cadenas de texto) en JavaScript son uno de los tipos de datos primitivos y se utilizan para representar y manipular texto. ## Creacion de String En JavaScript, puedes crear un string utilizando comillas simples (`'`), comillas dobles (`"`), o backticks (```). let saludo1 = 'Hola, mundo!'; let saludo2 = "Hola, mundo!"; let saludo3 = `Hola, mundo!`; ## Concatenacion de String Puedes combinar strings utilizando el operador `+` o `+=`, o utilizando plantillas literales (template literals) con backticks. let parte1 = 'Hola'; let parte2 = 'mundo'; let mensaje = parte1 + ', ' + parte2 + '!'; console.log(mensaje); // Salida: 'Hola, mundo!' let mensaje2 = `${parte1}, ${parte2}!`; console.log(mensaje2); // Salida: 'Hola, mundo!' Tambien podemos concatenar string haciendo uso de las funciones `join` y `concat` const primeraParte = 'Hola, mi nombre es '; const segundaParte = 'Christan'; const presentacion2 = \[primeraParte, segundaParte].join(''); console.log(presentacion2); // salida: Hola, mi nombre es Juan // Concatenacion con concat const hobbie1 = 'Leer'; const hobbie2 = 'Cantar'; const hobbie3 = 'Bailar'; const hobbies = hobbie1.concat(', ', hobbie2, ', ', hobbie3); console.log(hobbies); // salida: Leer, Cantar, Bailar ## Caracteres de escape Para incluir caracteres especiales en un string, se usan secuencias de escape // Escape alternativo const escapeAlternativo = "It's my life"; console.log(escapeAlternativo); // salida: It's my life // Barra invertida const escapeBarraInvertida = 'It\\\\'s my life'; console.log(escapeBarraInvertida); // salida: It's my life // Template Literals const escapeTemplateLiterals = `It's my life`; console.log(escapeTemplateLiterals); // salida: It's my life ## Salto de lina en strings Para hacer salto de linea de nuestro `string` podemos hacer uso de la barra invertida acompañado de la n `(\\n)` para indicar donde queremos el salto de linea, si vamos a utilizar `string literals` con uso de los backticks `(`)` solo debemos poner explicitamente donde queremos el salto de linea const poema = 'La rosas son rojas,\\\n' + 'el cielo es azul,\\\n' + 'el azucar es dulce,\\\n' + 'y tambien tu.'; console.log(poema); // salida: La rosas son rojas, el cielo es azul, el azucar es dulce, y tambien tu. const poema2 = `La rosas son rojas, el cielo es azul, el azucar es dulce, y tambien tu.`; console.log(poema2); /

* En JavaScript se puede crear un string utilizando comillas simples, dobles o invertidas. * Para concatenar strings podemos utilizar template strings o utilizando el operador "+". * Para conocer la longitud de un string se utiliza la propiedad **"length"**. * Con el método **"toLowerCase"** convierte un string a minúsculas. * Con el método **"toUpperCase"** convierte un string a mayúsculas. * Con el método **"substring"** podemos extraer una parte de un string.

En JavaScript, los strings son **secuencias de caracteres** y se utilizan para **representar texto**. Puedes crear strings de varias formas y concatenarlos para combinar diferentes partes de texto. ```js // ---------- Creacion de strings -------- let saludo1 = 'Hola amigos'; let saludo2 = "Estoy aprendiendo JavaScript" let saludo3 = `${saludo1} desde hoy ${saludo2} en platzi` //Hola amigos desde hoy Estoy aprendiendo JavaScript en platzi console.log(saludo3); // 60 console.log(saludo3.length); // hola amigos console.log(saludo1.toLowerCase()); // ESTOY APRENDIENDO JAVASCRIPT console.log(saludo2.toUpperCase()); //Hola amigos console.log(saludo3.substring(0, 12)); ``````js // --- 1. Concatenacion: Operador + --- const direccion = "5 de mayo" const ciudad = "Mexico" const direccionCompleta = "Mi direccion completa es " + direccion + " " + ciudad; console.log(direccionCompleta); ``````js // --- 2. Concatenacion: Templeate Literals --- const nombre = "Jafeth"; const pais = "Mexico" const presentacion = `Mi nombre es ${nombre} del pais ${pais}`; console.log(presentacion); ```

las clases son bastante claras y los comentarios ayudan demasiado

**Aca mi resumen:** .png)![]() ![]()  

substring() El método `substring()` devuelve una porción de un string. Toma dos parámetros, el índice inicial desde donde empezar y la longitud de la subcadena que queremos. ` let cadena = "¡Hola, Mundo!";let subCadena = cadena.substring(0, 5);``console``.log(subCadena); *// Imprime: "¡Hola"*` En este ejemplo, `substring(0, 5)` devuelve los primeros 5 caracteres de la cadena original.

Excelente clase!

éste método es útil para eliminar espacios al inicio y al final de un string, podría ser ideal para almacenar información de una persona que se esté registrando via online y el sistema pueda eliminar espacios inecesarios y guardar el mensaje a la base de datos. `let texto = " Hola Mundo "; console.log(texto.trim()); // "Hola Mundo"`

Un consejo para ahorrarse estar escribiendo console.log() Pueden escribir **clg** y presionar tab o enter y se generara console.log() :) Tambien pueden instalar Code Runner para no escribir node strings.js sino solo click derecho y seleccionar Run Code o **Ctrl+Alt+N** ;)

Tipos de datos en JavaScript: Strings

• Los strings son un tipo de dato primitivo.
• Vamos a ver cómo escribirlos, cómo concatenarlos y también cómo manipularlos.

Escritura de strings

• Para escribir un string, creamos una variable y utilizamos comillas. Ejemplo:

  let string1 = 'Hola';
  let string2 = "JavaScript es genial";
  let string3 = `Hola, mundo feliz`;
  

• Podemos utilizar comillas simples, dobles o invertidas. Las comillas invertidas permiten la interpolación de strings usando ${}.

Concatenación de strings

• Concatenar strings significa sumarlos. Ejemplo:

  let saludo = `${string1}, mundo`;
  let concatenado = string1 + " " + string2;
  

Manipulación de strings

• Para imprimir los strings en la terminal, usamos console.log(). Ejemplo:

  console.log(string1); // 'Hola'
  console.log(string2); // "JavaScript es genial"
  console.log(saludo);  // "Hola, mundo"
  console.log(concatenado); // "Hola JavaScript es genial"
  

• También se puede concatenar con el operador +. Ejemplo:

  let string4 = string1 + " " + string2;
  console.log(string4); // "Hola JavaScript es genial"
  

Longitud y cambio de mayúsculas/minúsculas

• Para saber la longitud de un string, usamos .length. Ejemplo:

  let frase = "JavaScript es extremadamente genial";
  console.log(frase.length); // 35
  

• Para convertir un string a minúsculas o mayúsculas, usamos .toLowerCase() y .toUpperCase(). Ejemplo:

  console.log(frase.toLowerCase()); // "javascript es extremadamente genial"
  console.log(frase.toUpperCase()); // "JAVASCRIPT ES EXTREMADAMENTE GENIAL"
  

Substring

• Para obtener una parte de un string, usamos .substring(inicio, fin). Ejemplo:

  console.log(frase.substring(0, 10)); // "JavaScript"
  

Ejemplo completo en código

let string1 = 'Hola';
let string2 = "JavaScript es genial";
let string3 = `Hola, mundo feliz`;

console.log(string1); // 'Hola'
console.log(string2); // "JavaScript es genial"
console.log(string3); // "Hola, mundo feliz"

let saludo = `${string1}, mundo feliz`;
let concatenado = string1 + " " + string2;

console.log(saludo); // "Hola, mundo feliz"
console.log(concatenado); // "Hola JavaScript es genial"

let string4 = string1 + " " + string2;
console.log(string4); // "Hola JavaScript es genial"

let frase = "JavaScript es extremadamente genial";
console.log(frase.length); // 35
console.log(frase.toLowerCase()); // "javascript es extremadamente genial"
console.log(frase.toUpperCase()); // "JAVASCRIPT ES EXTREMADAMENTE GENIAL"
console.log(frase.substring(0, 10)); // "JavaScript"

También puedes simplemente escribir `node` (la primera letra del archivo) y si presionas TAB el terminal lo llenará automáticamente. De esta forma no tendrás que escribir el nombre completo y ahorrarás tiempo.

`.length` también se puede utilizar para conocer la cantidad de variables guardadas en un array. ```js let coleccionDeTennis = ['addidas','nike','puma']; console.log(coleccionDeTennis.length); //output: 3 ```

Para los que tienen dudas de como sacar el símbolo \[ ` ] , se hace con Alt + 96 = ` 💻👌

Mi ejemplito sencillo: 

 Mis Apuntes :D

Practicando con la finalidad de mejorar, acá el desarrollo de mi ejercicio. Trato de hacerlo textualmente diferente; cambiando la anatomía de las variables 

(Y)

Me gusta mucho como Teff explica, demuestra entusiasmo y pasión por lo que hace.


Mi ejemplo 

Mi ejercicio usando: toLowerCase()

Al ejecutar el comando `node strings.js` me generaba un mensaje `SyntaxError: Invalid or unexpected token`. Sucede que yo creo mis archivos desde la terminal de VSCode y la terminal guarda dichos archivos en `UTF-16 LE` lo que es un problema porque `Node.js` lee los archivos en `UTF-8`. Lo solucioné dándole click a la pestaña inferior derecha (si tienes el problema, tal vez aparezca en `UTF-16 LE`, en este caso la profesora ya lo tiene en `UTF-8`).  Al darle click, se abrirá una ventana en la parte superior en la sección de búsqueda --> selecciona `Save with Encoding` y posterior a eso --> selecciona `UTF-8`. Así se ejecutó correctamente el comando `node strings.js` en la terminal. De esta manera lo solucioné. Me disculpo enormemente si tengo errores en algún concepto, soy nuevo en esto jaja.

```js // PRIMITIVOS // string let nombre = 'Tere'; // number let edad = 25; // boolean let esMayorDeEdad = true; // null let noHayValor = null; // undefined let noDefinido = undefined; // symbol let simboloUnico = symbol('único') // bigint let numeroGrande = 2n //COMPLEJOS // object let carro = { marca: 'Tesla', modelo: 'Model S' } // array let frutas = ['manzana', 'banano', 'uvas'] // function function saludar () {} ```// PRIMITIVOS // stringlet nombre = 'Tere'; // numberlet edad = 25; // booleanlet esMayorDeEdad = true; // nulllet noHayValor = null; // undefinedlet noDefinido = undefined; // symbollet simboloUnico = symbol('único') // bigintlet numeroGrande = 2n //COMPLEJOS // objectlet carro = {    marca: 'Tesla',    modelo: 'Model S'} // arraylet frutas = \['manzana', 'banano', 'uvas'] // functionfunction saludar () {}

```js //STRINGS: Cadenas de caracteres const string1 = "Comillas Dobles"; const string2 = "Comillas Simples"; const string3 = "Manzana, Pera, Durazno, Cebolla, Platano, Carne de Res, Cochino, Perejil, Pescado, Huevo, Pollo, Calamares, Tomate"; /* NOTA: El uso de cualquiera de las anteriores comillas, será irrelevante para el funcionamiento del código, pero se recomienda escoger el uso exclusivo de una de las dos, para fomentar pulcritud en el proceso de programación */ //CONCATENACIÓN DE STRINGS: console.log("CONCATENACIÓN DE STRINGS: "); const concatenacion1 = `${string1} es casi siempre la más usada al programar`; //Para concatenar variables adentro de strings, se requiere el uso de comillas invertidas const concatenacion2 = string1 +" ó " + string2 + " cualquiera es buena elección, pero, recuerda, debes escoger solo UNA "; console.log(concatenacion1); console.log(concatenacion2); //FUNCIONES DE UTILIDAD: console.log("FUNCIONES DE UTILIDAD: "); const funcion1 = string1.toLowerCase(); // Transforma todos los caracteres a minusculas const funcion2 = string1.toUpperCase(); // Transforma todos los caracteres a mayúsculas const funcion3 = string1.substring(0,8); //Otorga los carácteres indicados en los parametros, en este caso desde el caracter 0 al caracter 8 const funcion4 = string1.length; //Otorga la cantidad de caracteres del string const funcion5 = string3.split(","); //Retorna un Array (dato complejo, perteneciente a los objetos) hecho con piezas de caracteres, separadas por algún elemento indicado en los parametros presente en la cadena de texto, en este caso es la coma console.log(funcion1); console.log(funcion2); console.log(funcion3); console.log(funcion4); console.log(funcion5, typeof funcion5); ```Aporte de Notas personales en Limpio y en el código

Strings: