Propiedades y métodos — Fundamentos de JavaScript

• Propiedades
• Métodos
  • Métodos para números
• Funciones vs. Métodos
• Inmutabilidad
• Propiedades y métodos en expresiones

Manipular textos, mostrar errores, ajustar números o validar datos: todo eso se logra con propiedades y métodos en JavaScript.

Propiedades

Por ejemplo, las cadenas de texto tienen .length, que te dice cuántos caracteres tiene:

const name = 'Robb';
console.log(name.length); // => 4

⚠️ Los números no tienen .length. Esa propiedad existe solo en las cadenas y algunos otros tipos (como arrays, que veremos después).

Métodos

Se escriben igual que las propiedades, pero con paréntesis () al final:

Por ejemplo, las cadenas de texto tienen un método llamado .toUpperCase(), que devuelve la misma cadena pero con todas las letras en mayúsculas:

const name = 'Robb';
console.log(name.toUpperCase()); // => "ROBB"

De manera similar, también existe .toLowerCase(), que convierte una cadena a minúsculas.

console.log('Robb'.toLowerCase()); // => "robb"

Además, hay otros métodos útiles para trabajar con texto. Por ejemplo, .trim() sirve para quitar los espacios vacíos que a veces aparecen antes o después del texto.

Esto pasa mucho cuando las personas escriben su nombre en un formulario y, sin querer, dejan un espacio al principio o al final.

const nombre = '   Arya   ';
console.log(nombre.trim()); // => "Arya"

💡 Igual que otros métodos de cadenas, .trim() no cambia el texto que ya tienes. Devuelve una nueva cadena sin los espacios extra.

Métodos para números

Los números no tienen propiedades como .length, pero sí tienen métodos, como .toFixed() para redondear decimales:

const temp = 22.93;
console.log(temp.toFixed(1)); // => "22.9"

Funciones vs. Métodos

• Funciones como Math.min() trabajan con varios valores a la vez.
• Métodos como .toFixed() afectan solo a un número específico.

Math.min(3, 5, 1);   // función
(3.567).toFixed(1);  // método

Inmutabilidad

Imagina que estás mostrando un nombre en mayúsculas para un título en pantalla:

const name = 'Tirion';
console.log(name.toUpperCase()); // "TIRION"
console.log(name);               // "Tirion" (¡no cambió!)

El valor original no cambia. Si quieres guardarlo modificado, necesitas una nueva asignación:

let nombre = 'Tirion';
nombre = nombre.toUpperCase();

Lo mismo pasa con las propiedades: no puedes modificarlas. Por ejemplo, si quieres saber cuántas letras tiene un nombre para validar un formulario:

const nombre = 'Ada';
console.log(nombre.length); // => 3
nombre.length = 10;
console.log(nombre.length); // => 3

Propiedades y métodos en expresiones

También puedes usarlos dentro de cálculos o plantillas de texto. Por ejemplo:

• Mostrar un saludo en mayúsculas:

const nombre = 'Shaya';
console.log(`Hola, ${nombre.toUpperCase()}!`); // Hola, SHAYA!

• Calcular letras + 2 (útil si necesitas un tamaño mínimo):

console.log(nombre.length + 2); // => 7

• Comparar la cantidad de letras de dos nombres:

console.log(Math.min('Ada'.length, nombre.length)); // => 3