Tutoriales de Electrónica Básica
TUTORIAL DE JAVASCRIPT:

Estructuras de control en JavaScript, aquí verás un gran número de sus estructuras de control, y son de las más importantes, luego puedes indagar por mas…

ESTRUCTURAS DE CONTROL:

Son las que permiten controlar el flujo de un programa, tomar decisiones dependiendo del estado de una variable, repetir instrucciones o acciones un número determinado de veces, etc. En general las estructuras de control son 3:

  • Estructuras condicionales
  • Estructuras de Repetición
  • Funciones
Estructuras Condicionales "If...":

Consiste en Ejecutar instrucciones sólo si se cumple una determinada condición.

if (condición){
    ...        // instrucciones a ejecutar
}

Ahora, si lo que queremos es tomar dos caminos distintos dependiendo de dicha condición, entonces tenemos una segunda versión, que es la más completa.

if(condición) {
    ...        // Aquí si la condición es verdadera
}else {
    ...        // Aquí si la condición es falsa
}

También tenemos la versión simplificada de esta última:

condicion ? Sentencia1 : Sentencia2 

Si condicion resulta verdadera, se ejecuta Sentencia1, sino se ejecuta Sentencia2. Aquí un ejemplo concreto...

/*--- Este código entre etiquetas Body ---*/
let b = 3;
a = b == 3 ? "Si es igual" : "Es distinto";
alert (a);
Estructuras Condicionales "Switch...":

Esta estructura evalúa el valor de una variable, y dependiendo de dicho valor ejecutará una determinada acción, es necesario incluir un break al final de cada case para salir de la estructura, de lo contrario continuará evaluando hasta el final del bloque.

switch (numero) {
    case 1:               // --- si la variable es 1
        alert('Adios');   // muestra este mensaje
        break;            // Sale de la estructura
    case 2:               // --- si la variable es 2
        alert('Hola');
        break;
    default:              // --- si no es ninguno de los anteriores
        alert('lo que sea');
}
Estructuras De Repetición "for...":

Estructura muy utilizada cuando sabes la cantidad de veces que debes repetir un grupo de instrucciones.

for (inicio; final; incremento){
    ...        // instrucciones a repetir
}

En su forma general, los parámetros Inicio, final e incremento, utilizan una variable para controlar el número de repeticiones.

for(let i = 0; i < 5; i++) {
    alert("mensaje");
}

Este mensaje se mostrará 5 veces (desde i=0 hasta i=4)

Estructuras De Repetición "for...in":

Es una estructura simplificada para recorrer un Array, utilizando una variable como contador del índice del Array.

for (contador in Array){
    alert (Array[contador]);
}

Aquí, el alert() mostrará todos los elementos del Array, tal como se ve en el siguiente ejemplo:

let dias = ["Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo"];
for(i in dias) {
    alert(dias[i]);
}
Estructuras De Repetición "for...of":

Igual que antes, también es una estructura simplificada para recorrer un Array, esta vez utilizando una variable que asume el dato de cada elemento del Array.

for (variable of Array){
    alert (variable);
}

y ahora el alert() mostrará todos los elementos del Array, observa:

let dias = ["Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo"];
for(let verdia of dias) {
    alert(verdia);
}
Estructuras De Repetición "While...":

Cuando no se sabe cuántas veces repetir un bucle, pero sí se sabe que cuando una condición se cumpla debemos terminarlo, aparece la instrucción While...

while (condición){
    ...    // instrucciones a repetir
}
// prueba el siguiene código...
let numero = 0;
while (numero < 3) {
    alert("mensaje");
    numero++;
}

En este caso, mientras la condición se cumpla se repetirán las instrucciones.

Estructuras De Repetición "do... While...":

Es similar a la anterior, la diferencia está en que esta última, evalúa la condición al final del bucle, es decir que por lo menos una vez logrará entrar dentro del bucle.

do {
    ...    // instrucciones a repetir
} while (condición)
// prueba el siguiene código...
let numero = 0;
do {
    alert('Mensaje');
    numero = 3;
} while (numero < 3);

Observa el siguiente Ejemplo: ¿Cuál de los dos mensajes es el que se mostrará?

let numero = 0;
while (numero == 3) {
    alert('Este es un Bucle While');
}
do {
    alert('Este es un Bucle do...While');
} while (numero == 3);

¿Acertaste...?

Funciones:

Si bien ya existen funciones predefinidas en JavaScript, nosotros también podemos crear las nuestras, lo que sigue es la estructura general de una función.

function prueba(argumento1,argumento2,...,argumentoN){
    // Aquí va el código que debe ejecutar la función
}

En las funciones los parámetros se pasan por valor, es decir que si cambiamos el valor de un argumento dentro de una función, este cambio no se verá fuera.

function incrementar(num){     // Aquí num recibe lo que hay en "a" o sea 4
    num++;                     // luego se incrementa
    document.write("num vale " + num);    // y lo escribe
}
a = 4;
resultado = incrementar(a);    // llama a la función y le pasa el valor "4"
document.write("
a vale " + a);

En el ejemplo se ve que el valor que le pasamos a la función sigue estando intacto en la variable "a"

En caso de ser varios los parámetros que requiere una función, el orden en que se pasan los valores a dicha función es el mismo que utiliza la función para asignarlo a las nuevas variables que lo recibirán, veamos un ejemplo...

function mostrarvalores(num1, num2){    // Aquí num recibe 45 y num2 recibe 90
    document.write("num1 vale " + num1 + " y num2 vale " + num2);
}
mostrarvalores(45,90);    // Llama a la función mostrarvalores los valores recibidos

En los ejemplos anteriores, la función no devuelve ningún valor. Cuando necesites que una función devuelva un valor como resultado debes utilizar la palabra reservada return aquí un ejemplo de uso...

function suma(num1, num2){
    return num1 + num2;
}
resultado = suma(10,2);
document.write (resultado);
Funciones predefinidas:

Existen un gran número de funciones predefinidas en JavaScript y que están disponibles directamente para su uso, principalmente en cuanto a manejo de Cadenas de texto, Números y Arrays, y por supuesto los objetos que forman parte del DOM (elementos del documento HTML).