hello-javascript/Intermediate/02-advanced-structures.js at main · mouredev/hello-javascript · GitHub

History

150 lines (93 loc) · 2.54 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

Clases 13 a 22 - Estructuras avanzadas

Vídeo: https://youtu.be/iJvLAZ8MJ2E?t=4355

// Arrays avanzados

// - Métodos funcionales

// forEach

let numbers = [1, 2, 3, 4, 5, 6]

numbers.forEach(element => console.log(element))

// map

let doubled = numbers.map(element => element * 2)

console.log(doubled)

// filter

let evens = numbers.filter(element => element % 2 === 0)

console.log(evens)

// reduce

let sum = numbers.reduce((result, current) => result + current, 0)

console.log(sum)

// - Manipulación

// flat

let nestedArray = [1, [2, [3, [4]]]]

console.log(nestedArray)

let flatArray = nestedArray.flat(1)

console.log(flatArray)

flatArray = nestedArray.flat(2)

console.log(flatArray)

flatArray = nestedArray.flat(3)

console.log(flatArray)

// flatMap

let phrases = ["Hola mundo", "Adiós mundo"]

let words = phrases.flatMap(phrase => phrase.split(" "))

console.log(words)

// - Ordenación

// sort

let unsorted = ["b", "a", "d", "c"]

let sorted = unsorted.sort()

console.log(sorted)

unsorted = [3, 4, 1, 6, 10]

sorted = unsorted.sort((a, b) => a - b)

console.log(sorted)

// reverse

sorted.reverse()

console.log(sorted)

// - Búsqueda

// includes

console.log(sorted.includes(4))

console.log(sorted.includes(5))

// find

let firstEven = sorted.find(element => element % 2 === 0)

console.log(firstEven)

// findIndex

let firstEvenIndex = sorted.findIndex(element => element % 2 === 0)

console.log(firstEvenIndex)

// Sets avanzados

// - Operaciones

// Eliminación de duplicados

let numbersArray = [1, 2, 2, 3, 4, 5, 6, 6]

numbersArray = [...new Set(numbersArray)]

console.log(numbersArray)

// Unión

const setA = new Set([1, 2, 3])

const setB = new Set([2, 3, 4, 5])

const union = new Set([...setA, ...setB])

console.log(union)

// Intersección

const intersection = new Set([...setA].filter(element => setB.has(element)))

console.log(intersection)

// Diferencia

const difference = new Set([...setA].filter(element => !setB.has(element)))

console.log(difference)

// - Conversión

// Set a Array

console.log([...setA])

// - Iteración

// forEach

setA.forEach(element => console.log(element))

// Maps avanzados

// - Iteración

let myMap = new Map([

["name", "MoureDev"],

["age", 37]

])

myMap.forEach((value, key) => console.log(`${key}: ${value}`))

// - Conversión

// Map a Array

const arrayFromMap = Array.from(myMap)

console.log(arrayFromMap)

// Map a Objeto

const objectFromMap = Object.fromEntries(myMap)

console.log(objectFromMap)

// Objeto a Map

const mapFromObject = new Map(Object.entries(objectFromMap))

console.log(mapFromObject)

hello-javascript/Intermediate/02-advanced-structures.js at main · mouredev/hello-javascript · GitHub

Expand file tree

Breadcrumbs

02-advanced-structures.js

Latest commit

History

Breadcrumbs

02-advanced-structures.js

File metadata and controls