25. Objetos básicos

Versión para imprimir.

En esta lección se introduce el concepto de objeto y sus características básicas.

A. Objetos paso a paso

Referencia y objeto inicialmente
let tel = {}
Crea un objeto usando {}.
Controla con la referencia tel.
Agregamos manita a
tel.nombre = "pp"
Agrega la property nombre con el valor "pp" al objeto apuntado por tel. Es como agreggar una manita,
Agregamos manita b
tel.color = "marrón"
Agrega la property color con el valor "marrón" al objeto apuntado por tel.
Aprende a saludar
tel.saluda =
 () => console.log("Hola.")
Agrega la property saluda que es un método, al objeto apuntado por tel.

Property

  • Los datos y funciones asociados con un objeto en JavaScript reciben el nombre de property o propiedad.

  • Las funciones asociadas con un objeto se llaman método.

  • Los datos asociados con un objeto en general se llaman atributo o campo.

  • Las propiedades de un objeto al momento de diseño deben ser características directas del objeto, por ejemplo nombre. No es válido que describan características de otros objetos; por ejemplo, si un objeto es una película, no es válido ponerle el atributo nombreDelDirector.

Código

// Crea un objeto usando {}.
// Controla con la referencia tel.
let tel = {}
// Le pone propiedades.
tel.nombre = "pp"
tel.color = "marrón"
// Le pone un método.
tel.saluda =
 () => console.log("Hola.")
tel.saluda()
console.log(tel)
console.log(tel.nombre)
console.log(tel.color)
tel = null // Cuelga.
console.log(tel)

Salida

Hola.
{ nombre: 'pp', color: 'marrón', saluda: [Function] }
pp
marrón
null

Depúralo en JavaScript Tutor.

B. Literales de objeto

let tel1 = {
 saludo:
  /** @param {any} nombre */
  nombre => `Hola ${nombre}.`,
 nombre: "pp"
}
console.log(tel1)
let tel2 = tel1
let goles = 3, seg = 8
tel1 = {
 goles,
 despídete:
  () => console.log("Bye"),
 seguidores: seg
}
goles++
seg++
console.log(tel2.nombre)
tel1.despídete()

Salida

{ saludo: [Function], nombre: 'pp' }
pp
Bye

Depúralo en JavaScript Tutor.

C. Propiedades y métodos de string

const A = "Hola Mundo"
const B = " Ajua  "
console.log(A.length)
console.log(A.charAt(1))
console.log(A.endsWith("do"))
console.log(A.indexOf("o"))
console.log(A.indexOf("Mu"))
console.log(A.toUpperCase())
console.log(A.toLowerCase())
console.log(A.substring(2, 6))
console.log(A.substring(2))
console.log("h" + B + A)
console.log("h" + B.trim() + A)

Salida

10
o
true
1
5
HOLA MUNDO
hola mundo
la M
la Mundo
h Ajua  Hola Mundo
hAjuaHola Mundo

Depúralo en JavaScript Tutor.

D. Conversión a string

const A = true
const B = 8
console.log(A.toString())
console.log(B.toString())
console.log(B.toString(2))
console.log(B.toFixed(2))

Salida

true
8
1000
8.00

Depúralo en JavaScript Tutor.

E. Conversión de string a number

const a = "8.33"
const b = parseInt("8.33", 10)
console.log(b)
const c = parseInt("8", 10)
console.log(c)
const d = parseInt("1000", 2)
console.log(d)
const e = parseInt("F", 16)
console.log(e)
const f = parseInt("f", 16)
console.log(f)
const g = parseFloat("8.33")
console.log(g)

Salida

8
8
8
15
15
8.33

Depúralo en JavaScript Tutor.

F. Resumen