Merge pull request mouredev#6832 from duendeintemporal/main

Roswell468 · web-flow · commit e30273313322 · 2024-11-02T09:58:01.000-03:00
#17 - javascript
diff --git a/Roadmap/17 - ITERACIONES/javascript/duendeintemporal.js b/Roadmap/17 - ITERACIONES/javascript/duendeintemporal.js
@@ -0,0 +1,131 @@
+// #17 - ITERACIONES    
+/*
+ * EJERCICIO:
+ * Utilizando tu lenguaje, emplea 3 mecanismos diferentes para imprimir
+ * números del 1 al 10 mediante iteración.
+ *
+ * DIFICULTAD EXTRA (opcional):
+ * Escribe el mayor número de mecanismos que posea tu lenguaje
+ * para iterar valores. ¿Eres capaz de utilizar 5? ¿Y 10?
+ */
+
+// short for console.log
+let log = console.log;
+
+window.addEventListener('load', ()=>{
+    const body = document.querySelector('body');
+    const title = document.createElement('h1');
+    
+    body.style.setProperty('background', '#000');
+    body.style.setProperty('text-align', 'center');
+    
+    title.textContent = 'Retosparaprogramadores #17.';
+    title.style.setProperty('font-size', '3.5vmax');
+    title.style.setProperty('color', '#fff');
+    title.style.setProperty('line-height', '100vh');
+    
+    body.appendChild(title);
+    
+    setTimeout(()=>{
+    alert('Retosparaprogramadores #17. Please open the Browser Developer Tools.');
+    }, 2000);
+    log( 'Retosparaprogramadores #17'); 
+});
+
+for(let i = 1; i <= 10; i++){
+    log(i);
+}
+
+let count = 0;
+while(count < 10){
+    count ++;
+    log(count);
+}
+
+// forEach method
+let nums = [1,2,3,4,5,6,7,8,9,10];
+nums.forEach(n=>log(n));
+
+//Extra Dificulty Exercise
+
+// do while
+let i = 0;
+do {
+    console.log(i);
+    i++;
+} while (i < 5);
+
+//map method
+const arr = [1, 2, 3, 4, 5];
+const doubled = arr.map((value) => value * 2);
+log(doubled); // [2, 4, 6, 8, 10]
+
+// filter method
+const arr1 = [1, 2, 3, 4, 5];
+const evenNumbers = arr1.filter((value) => value % 2 === 0);
+log(evenNumbers); // [2, 4]
+
+// reduce method
+const arr2 = [1, 2, 3, 4, 5];
+const sum = arr2.reduce((total, current) => total + current, 0);
+log(sum); // 15
+
+// some method
+const arr3 = [1, 2, 3, 4, 5];
+const hasEven = arr3.some((value) => value % 2 === 0);
+log(hasEven); // true
+
+// every method
+const arr4 = [1, 2, 3, 4, 5];
+const allEven = arr4.every((value) => value % 2 === 0);
+log(allEven); // false
+
+// For of...
+const arr5 = [1, 2, 3, 4, 5];
+for (const value of arr5) {
+    log(value); // Logs: 1 2 3 4 5
+}
+
+// Iteración con entries
+const arr6 = ['a', 'b', 'c'];
+for (const [index, value] of arr6.entries()) {
+    log(index, value); // 0 'a' 1 'b' 2 'c'
+}
+
+const obj1 = { a: 1, b: 2, c: 3 };
+for (const [key, value] of Object.entries(obj1)) {
+    log(key, value); // a 1 b 2 c 3
+}
+
+// Iteración con keys
+const arr7 = ['a', 'b', 'c'];
+for (const index of arr7.keys()) {
+    log(index); // 0 1 2
+}
+
+const obj2 = { a: 1, b: 2, c: 3 };
+for (const key of Object.keys(obj2)) {
+    log(key); // a b c
+}
+
+
+// Iteración con values
+const arr8 = ['a', 'b', 'c'];
+for (const value of arr8.values()) {
+    log(value); // a b c
+}
+
+const obj3 = { a: 1, b: 2, c: 3 };
+for (const value of Object.values(obj3)) {
+    log(value); // 1 2 3
+}
+
+// For in...
+const obj = { a: 1, b: 2, c: 3 };
+for (const key in obj) {
+    log(`${key}: ${obj[key]}`); // a: 1 b: 2 c: 3
+}
+
+
+
+
diff --git a/Roadmap/18 - CONJUNTOS/javascript/duendeintemporal.js b/Roadmap/18 - CONJUNTOS/javascript/duendeintemporal.js
@@ -0,0 +1,120 @@
+//#18 - CONJUNTOS
+/*
+ * EJERCICIO:
+ * Utilizando tu lenguaje crea un conjunto de datos y realiza las siguientes
+ * operaciones (debes utilizar una estructura que las soporte):
+ * - Añade un elemento al final.
+ * - Añade un elemento al principio.
+ * - Añade varios elementos en bloque al final.
+ * - Añade varios elementos en bloque en una posición concreta.
+ * - Elimina un elemento en una posición concreta.
+ * - Actualiza el valor de un elemento en una posición concreta.
+ * - Comprueba si un elemento está en un conjunto.
+ * - Elimina todo el contenido del conjunto.
+ *
+ * DIFICULTAD EXTRA (opcional):
+ * Muestra ejemplos de las siguientes operaciones con conjuntos:
+ * - Unión.
+ * - Intersección.
+ * - Diferencia.
+ * - Diferencia simétrica.
+ */
+
+let log = console.log;
+
+window.addEventListener('load', ()=>{
+    const body = document.querySelector('body');
+    const title = document.createElement('h1');
+    
+    body.style.setProperty('background', '#000');
+    body.style.setProperty('text-align', 'center');
+    
+    title.textContent = 'Retosparaprogramadores #18.';
+    title.style.setProperty('font-size', '3.5vmax');
+    title.style.setProperty('color', '#fff');
+    title.style.setProperty('line-height', '100vh');
+    
+    body.appendChild(title);
+    
+    setTimeout(()=>{
+    alert('Retosparaprogramadores #18. Please open the Browser Developer Tools.');
+    }, 2000);
+    log( 'Retosparaprogramadores #18'); 
+});
+
+
+let arr = [1,2,3,4,5];
+log(arr)// [1,2,3,4,5]
+// Adds an element to the end.
+arr.push(6);
+log(arr); // [1,2,3,4,5,6]
+
+// Adds an element to the beginning.
+arr.unshift(0);
+log(arr); // [0, 1, 2, 3, 4, 5, 6]
+// Adds multiple elements in bulk to the end.
+arr2 = [7,8,9,10];
+arr.push(...arr2);
+log(arr); //  [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+
+// Adds multiple elements in bulk at a specific position.
+arr3 = [3.1, 3.2, 3.4]
+arr.splice(4,0, ...arr3);
+log(arr); // [0, 1, 2, 3, 3.1, 3.2, 3.4, 4, 5, 6, 7, 8, 9, 10]
+
+// Removes an element at a specific position.
+arr.splice(6,1);
+log(arr); // [0, 1, 2, 3, 3.1, 3.2, 4, 5, 6, 7, 8, 9, 10]
+
+// Updates the value of an element at a specific position.
+arr.splice(arr.length - 1, 1, 9.1);
+log(arr); // [0, 1, 2, 3, 3.1, 3.2, 4, 5, 6, 7, 8, 9, 9.1]
+
+// Checks if an element is in a set.
+let nums = new Set();
+arr.forEach(n=>nums.add(n));
+log('Is 10 in nums: ', nums.has(10)) // false
+
+// Removes all content from the set.
+nums.clear();
+log(nums); // {size: 0}
+
+// EXTRA DIFFICULTY (optional):
+
+// Union.
+let arr4 = [10, 11, 12, 13, 14];
+let union = new Set([...arr, ...arr4]);
+log('union: ', union); // {0, 1, 2, 3, 3.1, …}
+
+// Intersection.
+let arr5 = [1,4,5,6,15,16,17,18,19];
+let intersection = new Set();
+arr5.forEach(n => {
+    if (union.has(n)) {
+        intersection.add(n);
+    }});
+
+log('Intersection:', [...intersection]); //  [1, 4, 5, 6]  
+
+// Difference.
+let difference = new Set(arr); 
+arr5.forEach(n => {
+    if (difference.has(n)) {
+        difference.delete(n); 
+    }});
+
+log('Difference:', [...difference]); // [0, 2, 3, 3.1, 3.2, 7, 8, 9, 9.1]
+
+// Symmetric difference.
+let symmetricDiff = new Set([...arr, ...arr5]); 
+arr5.forEach(n => {
+    if (union.has(n)) {
+        symmetricDiff.delete(n); 
+    }
+});
+arr.forEach(n => {
+    if (arr5.includes(n)) {
+        symmetricDiff.delete(n); 
+    }});
+
+log('Symmetric Difference:', [...symmetricDiff]); // [0, 2, 3, 3.1, 3.2, 7, 8, 9, 9.1, 15, 16, 17, 18, 19]
diff --git a/Roadmap/19 - ENUMERACIONES/javascript/duendeintemporal.js b/Roadmap/19 - ENUMERACIONES/javascript/duendeintemporal.js
@@ -0,0 +1,146 @@
+//#19 ENUMERACIONES
+//I use GPT as a reference for concepts
+/*
+ * EJERCICIO:
+ * Empleando tu lenguaje, explora la definición del tipo de dato
+ * que sirva para definir enumeraciones (Enum).
+ * Crea un Enum que represente los días de la semana del lunes
+ * al domingo, en ese orden. Con ese enumerado, crea una operación
+ * que muestre el nombre del día de la semana dependiendo del número entero
+ * utilizado (del 1 al 7).
+ *
+ * DIFICULTAD EXTRA (opcional):
+ * Crea un pequeño sistema de gestión del estado de pedidos.
+ * Implementa una clase que defina un pedido con las siguientes características:
+ * - El pedido tiene un identificador y un estado.
+ * - El estado es un Enum con estos valores: PENDIENTE, ENVIADO, ENTREGADO y CANCELADO.
+ * - Implementa las funciones que sirvan para modificar el estado:
+ *   - Pedido enviado
+ *   - Pedido cancelado
+ *   - Pedido entregado
+ *   (Establece una lógica, por ejemplo, no se puede entregar si no se ha enviado, etc...)
+ * - Implementa una función para mostrar un texto descriptivo según el estado actual.
+ * - Crea diferentes pedidos y muestra cómo se interactúa con ellos. 
+ */
+
+/* In JavaScript, Enums (short for "enumerations") are not a native feature of the language like in other programming languages (for example, TypeScript, C#, Java). However, you can simulate the behavior of enums using objects.
+
+What are Enums?
+Enums are a way to define a set of named constants. They are used to represent a group of related values, making the code more readable and easier to maintain. For example, you might have an enum for the days of the week, the statuses of an order, or colors. */
+
+window.addEventListener('load', ()=>{
+    const body = document.querySelector('body');
+    const title = document.createElement('h1');
+    
+    body.style.setProperty('background', '#000');
+    body.style.setProperty('text-align', 'center');
+    
+    title.textContent = 'Retosparaprogramadores #19.';
+    title.style.setProperty('font-size', '3.5vmax');
+    title.style.setProperty('color', '#fff');
+    title.style.setProperty('line-height', '100vh');
+    
+    body.appendChild(title);
+    
+    setTimeout(()=>{
+    alert('Retosparaprogramadores #19. Please open the Browser Developer Tools.');
+    }, 2000);
+    log( 'Retosparaprogramadores #19'); 
+});
+
+let log = console.log;
+
+const DaysOfWeek = {
+    MONDAY: 'Monday',
+    TUESDAY: 'Tuesday',
+    WEDNESDAY: 'Wednesday',
+    THURSDAY: 'Thursday',
+    FRIDAY: 'Friday',
+    SATURDAY: 'Saturday',
+    SUNDAY: 'Sunday'
+};
+
+Object.freeze(DaysOfWeek);
+
+const showDay = (day)=>{    
+    const w_days = Object.keys(DaysOfWeek);
+    return (w_days[day - 1])? DaysOfWeek[w_days[day - 1]] : 'You enter a invalid day, try between 1 and 7'; 
+} 
+
+log(DaysOfWeek.MONDAY); // Monday
+log(showDay(3)) // Wednesday
+//Extra Dificulty Exercise
+
+//Enum simulation
+const OrderStatus = {
+    PENDING: 'Pending',
+    SHIPPED: 'Shipped',
+    DELIVERED: 'Delivered',
+    CANCELED: 'Canceled'
+};
+
+Object.freeze(OrderStatus);
+
+class Order{
+    constructor(id){
+        this.id = id;
+        this.state = OrderStatus.PENDING;
+    }
+
+    setState(state){
+        this.state = OrderStatus[state];
+    }
+
+    getState(){
+        return this.state;
+    }
+
+    shipOrder(){
+        if(this.state.toLowerCase() == OrderStatus.PENDING.toLowerCase()){
+            log('The order is Shipped');
+            this.setState('SHIPPED');
+        }else {
+            log(`Cannot ship. Current state: ${this.state}`);
+        }
+    }
+
+    deliverOrder(){
+        if(this.state.toLowerCase() == OrderStatus.SHIPPED.toLowerCase()){
+            log('The order is Delivered');
+            this.setState('DELIVERED');
+        }else{
+            log(`Cannot deliver. The order state is: ${this.state}`);
+        }
+    }
+
+    cancelOrder(){
+        if(this.state.toLowerCase() == OrderStatus.DELIVERED.toLowerCase()){
+            log('Cannot cancel. The order has already been delivered.')
+        }
+            log('The order is Canceled');
+            this.setState('CANCELED');
+        }
+
+        describeOrder() {
+            log(`Order ID: ${this.id}, Current State: ${this.state}`);
+        }
+    }
+
+let order15 = new Order('001');
+let order16 = new Order('002');
+let order17 = new Order('003');
+
+order16.shipOrder(); // The order is Shipped
+order15.deliverOrder(); // Cannot Deliver. The order state is: Pending
+order17.shipOrder(); // The order is Shipped
+
+order16.deliverOrder(); // The order is Delivered
+order15.shipOrder(); // The order is Shipped
+order17.cancelOrder(); // The order is Canceled
+
+log(order16.getState()); // Delivered
+log(order15.getState()); // Shipped
+log(order17.getState()); // Canceled
+
+order16.shipOrder() // Cannot ship. Current state: Delivered
+
