003. Cadenas de texto (Strings)

Antes de comenzar este capítulo, una pequeña nota, si buscamos en google el acrónimo MDN, MDN es Mozilla Development Network, que digamos, es la documentación no oficial que la gente de Mozilla tiene para nosotros los programadores en Javascript.

Hay una frase en Javascript que dice que Todo es un objeto. Hasta los tipos más básicos Javascript (números, cadenas, booleanos, null, undefined) son objetos.

Los objetos van a tener dos atributos muy importantes:

  • Propiedades: nos van a proporcionar información acerca de ese objeto. Son características del objeto. Describen ese objeto.
  • Métodos: se trata de acciones que el objeto hace.

La diferencia entre una propiedad y un método es que los métodos terminan con paréntesis, dentro de los cuales pueden recibir ciertos datos para poder trabajar.

Una cadena de texto es un texto encerrado entre dobles comillas o comillas simples. No hay ningún problema entre usar unas u otras comillas, aunque está más estandarizado utilizar la doble comilla.

Declarar strings

Existen distintas maneras.

Ejm

let nombre = "Francisco";
let apellido = 'Paredes';
let saludo = new String("Hola Mundo"); // No se utiliza

Veamos un ejm completo.

Ejm

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Strings</title>
  </head>

  <body>
    <script>
      let nombre = "Franciso";
      let apellido = "Paredes";
      let saludo = new String("Hola Mundo");
      let lorem =
        "   Hola me llamo Francisco Paredes y soy administrador de Sutil Web, 
        Sutil Web es una web de diseño y desarrollo web    ";

      // USO DE LA PROPIEDAD LENGHT (PROPIEDADES)
      console.log(nombre.length, apellido.length, saludo.length);

      // USO DE LOS MÉTODOS
      // MÉTODO QUE ESCRIBE TODO EN MAYÚSCULAS
      // includes NOS DICE true O false SI LA PALABRA QUE LE PASAMOS SE REPITE O NO
      // trim ELIMINA LOS ESPACIOS EN BLANCO QUE APARECEN AL INICIO Y AL FINAL
      // split GENERA UN ARRAY DE ELEMENTOS, TENEMOS QUE PASARLE UN SEPARADOR
      console.log(
        nombre.toUpperCase(),
        apellido.toUpperCase(),
        lorem.includes("Sutil"),
        lorem.trim(),
        lorem.split(" ")
      );
    </script>
  </body>
</html>
Scroll al inicio