5. Arreglos

Versión para imprimir.

En esta lección se presenta el concepto de arreglo y la forma de procesarlo.

A. Conceptos básicos

Imagina un arreglo
 const arr = ["mx", "my", "mu"]
 console.log(arr)
 console.log(arr.length)
 console.log(arr[0])
 console.log(arr[1])
 console.log(arr[2])
 arr[2] = "hi"
 const i = 0
 console.log(arr[i])
 arr[i] = "ho"
 console.log(arr[i])

Salida

[ 'mx', 'my', 'mu' ]
3
mx
my
mu
mx
ho

Depúralo en JavaScript Tutor.

B. Uso de contadores

const arr = ["mx", "my", "mu"]
for (let i = 0,
 len = arr.length;
 i < len;
 i++) {
 const s = arr[i]
 console.log(s)
}
console.log("adios")

Salida

mx
my
mu
adios

Depúralo en GilPG Nod.

C. for-of

const arr = ["mx", "my", "mu"]
for (const s of arr) {
 console.log(s)
}
console.log("adios")

Salida

mx
my
mu
adios

Depúralo en JavaScript Tutor.

D. for-each

const arr = ["mx", "my", "mu"]
arr.forEach(s => console.log(s))
console.log("adios")

Salida

mx
my
mu
adios

Depúralo en JavaScript Tutor.

E. Arreglos de instancias de clases

Imagina un arreglo de objetos
class Clao {
 constructor(a) {
  this.a = a
 }
}
const arrI = [
 new Clao(-3),
 new Clao(4),
 new Clao(8)]
console.log(arrI)
for (const ref of arrI) {
 console.log(ref.a)
}

Salida

[ Clao { a: -3 }, Clao { a: 4 }, Clao { a: 8 } ]
-3
4
8

Depúralo en JavaScript Tutor.

F. Arreglos de literales de objetos

const arrL = [
 { a: -3 },
 { a: 4 },
 { a: 8 }]
console.log(arrL)
for (const ref of arrL) {
 console.log(ref.a)
}

Salida

[ { a: -3 }, { a: 4 }, { a: 8 } ]
-3
4
8

Depúralo en JavaScript Tutor.

G. El método forEach con objetos

const arrL = [
 { a: -3 },
 { a: 4 },
 { a: 8 }]
arrL.forEach(n => console.log(n.a))

Salida

-3
4
8

Depúralo en JavaScript Tutor.

H. El método map

I. El método filter

J. El método join

K. El método reduce

L. El método sort

M. Encadenamiento de métodos

N. El tipo de datos Set

O. Resumen