JavaScript Fundamentos Prácticos

JavaScriptJavaScriptBeginner
Practicar Ahora

This tutorial is from open-source community. Access the source code

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos y practicaremos varios conceptos de programación de JavaScript, como la manipulación de arrays, la creación de objetos y la composición de funciones. El objetivo de este laboratorio es ayudarte a desarrollar tus habilidades en la programación de JavaScript al proporcionar ejercicios prácticos que cubran conceptos fundamentales. Al final de este laboratorio, tendrás una mejor comprensión de cómo utilizar JavaScript para resolver problemas de programación comunes.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28345{{"JavaScript Fundamentos Prácticos"}} javascript/data_types -.-> lab-28345{{"JavaScript Fundamentos Prácticos"}} javascript/arith_ops -.-> lab-28345{{"JavaScript Fundamentos Prácticos"}} javascript/comp_ops -.-> lab-28345{{"JavaScript Fundamentos Prácticos"}} javascript/destr_assign -.-> lab-28345{{"JavaScript Fundamentos Prácticos"}} end

Práctica de código

Para comenzar a practicar la codificación, abre la Terminal/SSH y escribe node. Luego, puedes utilizar la función generateItems para generar un array con un número específico de elementos.

  • Llama a generateItems con el número deseado de elementos y una función que se utilizará para generar los elementos.
  • generateItems utiliza Array.from() para crear un array vacío de la longitud especificada, y llama a la función proporcionada con el índice de cada elemento recién creado.
  • La función proporcionada toma un argumento: el índice de cada elemento.
const generateItems = (n, fn) => Array.from({ length: n }, (_, i) => fn(i));

Aquí hay un ejemplo de cómo utilizar generateItems para generar un array de 10 números aleatorios:

generateItems(10, Math.random);
// [0.21, 0.08, 0.40, 0.96, 0.96, 0.24, 0.19, 0.96, 0.42, 0.70]

Resumen

¡Felicidades! Has completado el laboratorio de Generar Elementos. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.