WhiteBook

Sección 2

operadores aritméticos (para realizar operaciones):

+ (suma)

- (resta)

* (multiplicación)

/ (división)

% (módulo)

operadores de comparación:

!= (negación)

> (mayor que)

< (menor que)

>= (mayor o igual que)

<= (menor o igual que)

/* este es
    el resumen visto en esta sección de capítulos
*/
let user = "lector" 
let bookSection = 2 // camelCase (juntar "book" y "section")
let ready = false
let curious = false
let happy = true

console.log("Perfecto, " + user + " ¿estás preparado para avanzar?")
if (ready || curious) { // condición: preparado o curioso
    bookSection++ // Suma 1. Otra forma: bookSection +=1
    if ((ready && curious) || happy) {
        console.log("Estás preparado y curioso o estás feliz")
    }
} else if (happy) { // de lo contrario, en el caso de que estés feliz
    console.log("Aún no estás listo. Pero estás feliz :D")
} else { // de lo contrario...
    console.log("Aún no") // mostramos mensaje
}
curious = !curious
console.log("Ahora ha cambiado tu estado de curiosidad")
console.log(bookSection) // mostramos mensaje

Sección 3

Bucle while:

let num = 2
let multiplier = 0
let product = num * multiplier

while(multiplier < 9) {
    console.log(num + " x " + multiplier + " = " + product)
    multiplier++
    product = num * multiplier
}

Mientras se cumpla la condición…

while(multiplier < 9) {

Se ejecutará el contenido dentro del while.

Bucle do while:

let num = 1

do {
    console.log("estoy dentro del bucle")
    num++;
}
while(num < 1)

Es como el while, pero siempre se ejecuta una primera vez.

Bucle for:

for (let num = 0; num <= 10; num++) { 
    console.log(num)
}

En el bucle for, primero se declara y asigna una variable:

let num = 0

Después la condición que, mientras se cumpla, ejecutará el contenido del bucle:

num <= 10

Por último, la acción que sucederá cuando finalice la itera-ción del bucle. En el caso del ejemplo, sumará 1 a num:

num++

Cada uno de estos pasos del for son separados por punto y coma ( ; ).

for (let num = 0; num <= 10; num++) {

Sección 4

Existen diferentes tipos de funciones. Algunas funciones ya están predefinidas en JavaScript, como console.log().

Las funciones son como los órganos del cuerpo, cada una debe de desempeñar una única función. O al menos, así es como estas deberían de funcionar.

Cuando algo se repite mucho en el código, se debería de extraer esa funcionalidad a una función. No solo es bueno para organizar el código, sino que también es imprescindible si queremos probar el código y evitar grandes dolores de cabeza.

Función con parámetros:

function generateBirthdayMessage(name, years, customMsg) {
    console.log("Hoy " + name + " cumple " + years + " años.")
    console.log(customMsg)
}
generateBirthdayMessage("Manolo", 10, "¡Felicidades Manolito!")
generateBirthdayMessage("Gregoria", 18, "¡Ya eres mayor de edad!")

Función con retorno:

function isEven(num) {
    return (num % 2 == 0)
}

Sección 5

Arrays:

let ejemplo = [10, 20, 30, 40]

ejemplo[0] ➡️ (esto sería 10).
ejemplo[1] ➡️ (esto sería 20).
ejemplo[2] ➡️ (esto sería 30).
ejemplo[3] ➡️ ( esto sería 40).

const usernames = ["Manolo", "Gabriela", "Toni”]
for (let i of usernames) { 
	console.log(i) 
}

Arrays de más de una dimensión:

const users = 
    [
        [
            ["Manolo", "Rodríguez"],
            32
        ],
        [
            ["Gabriela", "Hernández"],
            43
        ],
        [
            ["Toni", "López"],
            18
        ]
    ]
console.log(users[0][0])

Utilizando arrays como listas:

• fruits.push("Manzana") ➡️ agrega al final de la lista.
• fruits.unshift("Naranja") ➡️ agrega al inicio de la lista.
• fruits.pop() ➡️ elimina el último elemento de la lista.
• fruits.shift() ➡️ elimina el primer elemento de la lista.
• fruits.splice(2, 6) ➡️ elimina los elementos del 2 al 7.
• fruits.includes("manzana") ➡️ devuelve "true" o "false" (dependiendo si está o no incluido).
• fruits.indexOf("naranja") ➡️ devuelve el índice.
• let copia = array.slice("manzana", "pera") ➡️ copia parte de una lista en la variable “copia”.
• let fruitsFull = fruitsOne.concat(fruitsTwo) ➡️ junta la primera lista “fruitsOne” con la segunda “fruitsTwo”, formando una lista con los elementos de ambas listas en “fruitsFull”.

Objetos:

const users = 
[
    {username: "Manolo123", years: 25},
    {username: "Gregoria3", years: 32}
]
console.log(users[1].username)

Objetos con arrays:

const books = 
[
  {title: "La mansión de las pesadillas", category: "Suspense"},
  {title: "Abre la mente, piensa diferente", category: "Desarrollo personal"}
]
function addBook(title, category) {
    books.push({title, category})
}
function removeBook(index) {
    books.pop(index)
}
let lastBook = books[books.length - 1]
console.log(lastBook.title)
removeBook(lastBook)
lastBook = books[books.length - 1]
console.log(lastBook.title)
addBook("¿El asesino sigue aquí?", "suspense")
lastBook = books[books.length - 1]
console.log(lastBook.title)