Introducción a la lógica de programación: if y for

Introducción a la lógica de programación: if y for

Print Friendly, PDF & Email
Introducción a la lógica de programación: if y for
Valora esta entrada
Hasta el momento hemos estado programando mediante secuencias de instrucciones que se iban sucediendo en orden cronológico.

Hemos aprendido la sintaxis y vocabulario mínimo necesario del lenguaje javascript. Ahora toca asimilar la lógica de programación.

En programación tenemos la opción de ejecutar instrucciones en base a condicionales y en base a iteraciones.

Ello nos permite dotar al lenguaje de mucha potencia.

Veamos en esta entrada las estructuras básicas que debemos conocer.

Estructuras condicionales

Un condicional es una estructura de programación que ejecuta una instrucción siempre y cuando una condición sea verdadera. En caso de no cumplirse la condición no se ejecuta la instrucción siguiente o en su defecto se pasa a evaluar otra condición.

Los condicionales típicos son

  • if( ){ }
  • if( ){ }else{ }
  • if( ){ }else if( ){ } else{ }

Es la posible que la primera y la segunda expresión te resulten más sencillas.

Mi recomendación es que utilices la tercera para tener una expresión que te avise si algo no ha funcionado según esperabas. Ten en cuenta que  siempre estás a tiempo de borrar lo que finalmente no uses.

Sintaxis condicionales javascript
Sintaxis básica condicionales javascript

Estructuras iterativas (bucles)

como se escribe el for y el while en javascript
Sintaxis estructuras iterativas básicas Javascript

Una estructura iterativa es una rutina que indica al navegador que se debe ejecutar una secuencia de instrucciones tantas veces como la condición de entrada a la estructura iterativa se siga cumpliendo.

Las estructuras más típicas son el

  • for (i=0; condición ; i++){ }
  • while ( condición ){ } 

Fíjate que la variable i del for la he declarado fuera del for. Es una manía personal.

Esto lo hago para evitar que en algunas ocasiones futuras puedas declarar una variable que ya existía previamente y que el programa te de error.

Resumen

Existen más estructuras de programación que añaden variedad y riqueza al lenguaje. Estas son por ejemplo el switch, el do{ }while( ), foreach(i in y )

Sin embargo esta es una entrada introductoria y considero que es más que suficiente para iniciarse en la lógica de programación.

El siguiente paso será hacer ejemplos prácticos y entender de primera mano el funcionamiento de cada una de ellas.

¡Si tenéis dudas quedo a vuestra disposición en los comentarios!

Entradas relacionadas:

Funciones Javascript: declaración, uso y utilidad en programación
- 457
Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción. Hemos trabajado con funciones toda nuestra vida. Las aprendimo...
3 formas de cambiar la ubicación de búsqueda en Google
- 144
En esta entrada encontrarás 3 formas distintas de modificar tu ubicación de búsqueda en google sin necesidad de que te tengas que desplazar.
Como añadir nuevos nodos al DOM usando Javascript
- 349
En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.
Ejercicio – ¿Qué declaraciones de variables son erróneas en JS?
- 111
En este ejercicio repasamos los conceptos relativos a la declaración de variables en javascript. ¿Qué declaraciones son incorrectas? Detéctalas y corrígelas.
Introducción a las animaciones Javascript: setInterval() y setTimeout()
- 518
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Ejercicio – Programación de una ventana infinita cansina en JS
- 72
Ejercicio que pregunta iterativamente el color del caballo blanco de santiago hasta que se resuelve. Incluye solución.
Como llamar nodos del DOM mediante javascript
- 382
Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.
¿Empezar por Javascript o Python? ¿Continuar con jQuery o angular? ¿Y node.js?...
- 227
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
Eliminar eventos Javascript .removeEventListener()
- 727
Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
Validación de formularios web: Como desactivar el envío con Javascript
- 455
Veamos como podemos deshabitar el envío de un formulario web mediante javascript. Explico el método clásico y otra alternativa más limpia mediante preventDefault().
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.