Skip to content

Commit 604c854

Browse files
patriciamagodevpatriciamagodev
committed
Merge remote-tracking branch 'upstream/main'
2 parents c45f9c4 + f16a9f0 commit 604c854

File tree

8 files changed

+445
-11
lines changed

8 files changed

+445
-11
lines changed

‎Basic/03-beginner-exercises.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,4 +78,4 @@ const cSymbol = Symbol('constante-simbolo');
7878
// cSymbol = Symbol('nuevo-constante-simbolo');
7979

8080
// 10. Comenta las líneas que produzcan algún tipo de error al ejecutarse
81-
// Las constantes no pueden ser reasignadas, por lo tanto, las líneas en el paso 9 están comentadas.
81+
// Las constantes no pueden modificarse

‎Basic/14-loops.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -52,20 +52,20 @@ myMap = new Map([
5252

5353
myString = "¡Hola, JavaScript!"
5454

55-
for (let valor of myArray) {
56-
console.log(valor)
55+
for (let value of myArray) {
56+
console.log(value)
5757
}
5858

59-
for (let valor of mySet) {
60-
console.log(valor)
59+
for (let value of mySet) {
60+
console.log(value)
6161
}
6262

63-
for (let valor of myMap) {
64-
console.log(valor)
63+
for (let value of myMap) {
64+
console.log(value)
6565
}
6666

67-
for (let valor of myString) {
68-
console.log(valor)
67+
for (let value of myString) {
68+
console.log(value)
6969
}
7070

7171
// break y continue

‎Basic/18-objects.js‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
/*
2+
Clase 5 en vídeo | 07/08/2024
3+
Objetos, desestructuración, propagación y clases
4+
https://www.twitch.tv/videos/2218300512?t=00h17m10s
5+
*/
6+
7+
// Objetos
8+
9+
// Sintaxis
10+
11+
let person = {
12+
name: "Brais",
13+
age: 37,
14+
alias: "MoureDev"
15+
}
16+
17+
// Acceso a propiedades
18+
19+
// Notación punto
20+
console.log(person.name)
21+
22+
// Notación de corchetes
23+
console.log(person["name"])
24+
25+
// Modificación de propiedades
26+
27+
person.name = "Brais Moure"
28+
console.log(person.name)
29+
30+
console.log(typeof person.age)
31+
person.age = "37"
32+
console.log(person.age)
33+
console.log(typeof person.age)
34+
35+
// Eliminación de propiedades
36+
37+
delete person.age
38+
39+
console.log(person)
40+
41+
// Nueva propiedad
42+
43+
person.email = "[email protected]"
44+
person["age"] = 37
45+
46+
console.log(person)
47+
48+
// Métodos (funciones)
49+
50+
let person2 = {
51+
name: "Brais",
52+
age: 37,
53+
alias: "MoureDev",
54+
walk: function () {
55+
console.log("La persona camina.")
56+
}
57+
}
58+
person2.walk()
59+
60+
// Anidación de objetos
61+
62+
let person3 = {
63+
name: "Brais",
64+
age: 37,
65+
alias: "MoureDev",
66+
walk: function () {
67+
console.log("La persona camina.")
68+
},
69+
job: {
70+
name: "Programador",
71+
exp: 15,
72+
work: function () {
73+
console.log(`La persona de ${this.age} años de experiencia trabaja.`)
74+
}
75+
}
76+
}
77+
78+
console.log(person3)
79+
80+
console.log(person3.name)
81+
console.log(person3.job)
82+
console.log(person3.job.name)
83+
person3.job.work()
84+
85+
// Igualdad de objetos
86+
87+
let person4 = {
88+
name: "Brais Moure",
89+
alias: "MoureDev",
90+
email: "[email protected]",
91+
age: 37
92+
}
93+
94+
console.log(person)
95+
console.log(person4)
96+
97+
console.log(person == person4)
98+
console.log(person === person4)
99+
100+
console.log(person.name == person4.name)
101+
102+
// Iteración
103+
104+
for (let key in person4) {
105+
console.log(key + ": " + person4[key])
106+
}
107+
108+
// Funciones como objetos
109+
110+
function Person(name, age) { // Debería ser una clase
111+
this.name = name
112+
this.age = age
113+
}
114+
115+
let person5 = new Person("Brais", 37)
116+
console.log(person5)
117+
console.log(person5.name)
118+
119+
console.log(typeof person5)
120+
console.log(typeof person4)

‎Basic/19-objects-exercises.js‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
/*
2+
Clase 5 en vídeo | 07/08/2024
3+
Objetos, desestructuración, propagación y clases
4+
https://www.twitch.tv/videos/2218300512?t=00h17m10s
5+
*/
6+
7+
// 1. Crea un objeto con 3 propiedades
8+
9+
// 2. Accede y muestra su valor
10+
11+
// 3. Agrega una nueva propiedad
12+
13+
// 4. Elimina una de las 3 primeras propiedades
14+
15+
// 5. Agrega una función e invócala
16+
17+
// 6. Itera las propiedades del objeto
18+
19+
// 7. Crea un objeto anidado
20+
21+
// 8. Accede y muestra el valor de las propiedades anidadas
22+
23+
// 9. Comprueba si los dos objetos creados son iguales
24+
25+
// 10. Comprueba si dos propiedades diferentes son iguales

‎Basic/20-destructuring-spreading.js‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
/*
2+
Clase 5 en vídeo | 07/08/2024
3+
Objetos, desestructuración, propagación y clases
4+
https://www.twitch.tv/videos/2218300512?t=00h17m10s
5+
*/
6+
7+
let myArray = [1, 2, 3, 4]
8+
9+
let person = {
10+
name: "Brais",
11+
age: 37,
12+
alias: "MoureDev"
13+
}
14+
15+
let myValue = myArray[1]
16+
console.log(myValue)
17+
18+
let myName = person.name
19+
console.log(myName)
20+
21+
// Desestructuración
22+
23+
// Sintaxis arrays
24+
25+
let [myValue0, myValue1, myValue2, myValue3, myValue4] = myArray
26+
console.log(myValue0)
27+
console.log(myValue1)
28+
console.log(myValue2)
29+
console.log(myValue3)
30+
console.log(myValue4)
31+
32+
// Sintaxis arrays con valores predeterminados
33+
34+
let [myValue5 = 0, myValue6 = 0, myValue7 = 0, myValue8 = 0, myValue9 = 0] = myArray
35+
console.log(myValue5)
36+
console.log(myValue6)
37+
console.log(myValue7)
38+
console.log(myValue8)
39+
console.log(myValue9)
40+
41+
// Ignorar elementos array
42+
43+
let [myValue10, , , myValue13] = myArray
44+
console.log(myValue10)
45+
console.log(myValue13)
46+
47+
// Sintaxis objects
48+
49+
let { name, age, alias } = person
50+
console.log(name)
51+
console.log(age)
52+
console.log(alias)
53+
54+
// Sintaxis objects con valores predeterminados
55+
56+
let { name2, age2, alias2, email = "[email protected]" } = person
57+
console.log(name2) // No existe
58+
console.log(age2) // No existe
59+
console.log(alias2) // No existe
60+
console.log(email)
61+
62+
// Sintaxis objects con nuevos nombres de variables
63+
64+
let { alias: alias3, name: name3, age: age3 } = person
65+
console.log(name3)
66+
console.log(age3)
67+
console.log(alias3)
68+
69+
// Objects anidados
70+
71+
let person3 = {
72+
name: "Brais",
73+
age: 37,
74+
alias: "MoureDev",
75+
walk: function () {
76+
console.log("La persona camina.")
77+
},
78+
job: {
79+
name: "Programador",
80+
exp: 15,
81+
work: function () {
82+
console.log(`La persona de ${this.age} años de experiencia trabaja.`)
83+
}
84+
}
85+
}
86+
87+
let { name: name4, job: { name: jobName } } = person3
88+
89+
console.log(name4)
90+
console.log(jobName)
91+
92+
// Propagación (...)
93+
94+
// Sintaxis arrays
95+
96+
let myArray2 = [...myArray, 5, 6]
97+
98+
console.log(myArray2)
99+
100+
// Copia de arrays
101+
102+
let myArray3 = [...myArray]
103+
104+
console.log(myArray3)
105+
106+
// Combinación de arrays
107+
108+
let myArray4 = [...myArray, ...myArray2, ...myArray3]
109+
110+
console.log(myArray4)
111+
112+
// Sintaxis objects
113+
114+
let person4 = { ...person, email: "[email protected]" }
115+
116+
console.log(person4)
117+
118+
// Copia de objects
119+
120+
let person5 = { ...person }
121+
122+
console.log(person5)

‎Basic/21-destructuring-spreading-exercises.js‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
/*
2+
Clase 5 en vídeo | 07/08/2024
3+
Objetos, desestructuración, propagación y clases
4+
https://www.twitch.tv/videos/2218300512?t=00h17m10s
5+
*/
6+
7+
// 1. Usa desestructuración para extraer los dos primeros elementos de un array
8+
9+
// 2. Usa desestructuración en un array y asigna un valor predeterminado a una variable
10+
11+
// 3. Usa desestructuración para extraer dos propiedades de un objeto
12+
13+
// 4. Usa desestructuración para extraer dos propiedades de un objeto y asígnalas
14+
// a nuevas variables con nombres diferentes
15+
16+
// 5. Usa desestructuración para extraer dos propiedades de un objeto anidado
17+
18+
// 6. Usa propagación para combinar dos arrays en uno nuevo
19+
20+
// 7. Usa propagación para crear una copia de un array
21+
22+
// 8. Usa propagación para combinar dos objetos en uno nuevo
23+
24+
// 9. Usa propagación para crear una copia de un objeto
25+
26+
// 10. Combina desestructuración y propagación

0 commit comments

Comments
 (0)