Rápido tutorial de JavaScript

Posted on:5 abril, 2017

Author:Andros Fenollosa Hurtado

Category:programación

Share: / /

Vamos a empezar un tutorial muy rápido que tratará algunos aspectos de este lenguaje. Es necesario tener algunos conocimientos previos en programación, simplemente refrescaremos esos conocimientos básicos que son necesarios tener en cuenta en todo momento. En cada uno de los bloques de código se muestran la primera línea el código y la segunda la respuesta.

Empezaremos por una estructura muy básica, los objetos.

 

OBJETOS

Para crear un diccionario:

Objeto = {}
Object {}

Añadimos un campo al diccionario con su valor:

Objeto.numero = 1
1

Si investigamos el diccionario, se nos muestra el valor recientemente introducido:

Objeto
Object {numero: 1}

Añadimos otro tipo de objeto, en este caso una cadena de caracteres:

Objeto.string = "hola mundo"
"hola mundo"

Incluso podemos anidar objetos unos dentro de otros:

Objeto.masObjetos = {}
Object {}

Si mostramos ahora el Objeto original, observaremos todos los elementos:

Objeto
Object {numero: 1, string: "hola mundo", masObjetos: Object}

Finalmente, ¡podemos también asignar funciones!

Objeto.fntion = function(){console.log('helloW')}
function (){console.log('helloW')}

Para invocar esta función, simplemente la llamamos como corresponde:

Objeto.fntion()
helloW

Si es necesario, podemos reasignar valores de los distintos elementos del objeto:

Objeto.fntion = 3
3

 

ARRAYS

Los arrayas son listas de elementos que hay que tratar de forma diferente. Para crear un array simplemente escribimos:

Objeto.entretenimiento = []
[]

Para añadir elementos a este nuevo array hay que usar la funcion “push” característica propia de los arrays:

Objeto.entretenimiento.push("peliculas")
1

Si imprimimos el array, obtendremos la lista de elementos que existen en éste:

Objeto.entretenimiento
["peliculas"]

Los arrays tienen diferentes propiedades, entre ellas podemos destacar las funciones para obtener la longitud:

Objeto.entretenimiento.length
1

Para eliminar el último elemento del array, usaremos la función “pop”:

Objeto.entretenimiento.pop()
"peliculas"

Si ahora verificamos la longitud del array, observaremos que no existen más elementos en él:

Objeto.entretenimiento.length
0

Con esto concluimos este rápido tutorial de JavaScript enfocado en dos de las más importantes estructuras dentro del lenguaje. Dominar esta parte del lenguaje es esencial para cualquier buen desarrollador y el primer paso para ello es entender las bases de su estructura.

Leave a comment