Que es JavaScript?

Comenzamos con JS: Lenguaje de programación de tipiado dinámico, interpretado que se ejecuta en el navegador. Lo podemos incluir de la misma manera que css, utilizando la etiqueta <script> podemos incluirlo en nuestro HTML. Distintos navegadores cuentan con distintos motores de JS.

• Caniuse(página para chequear el soporte de los navegadores con JS y otras herramientas.)
• El termino que se utiliza para los navegadores abandonados (ej Internet explorer) es deprecado

En el navegador Chrome por ejemplo podemos usar la herramienta “inspeccionar elemento” y tener acceso a la consola o REPL, la cual es un intérprete de JS, leyendo un fragmento de codigo ingresado por el usuario, lo evalua y devuelve un resultado al usuario.

console.log() y function

Console.log: para poder ver por la misma consola el resultado del código.

console.log("resultado", variable)

Function: se usa para definir una función. Metodos vistos de definir funciones:

// Metodo 1: declaración de función (function declaration)
function suma(numero1, numero2) {
  return numero1+numero2;
}

// Metodo 2: expresión de función (function expression)
var suma = function(numero1, numero2) {
  return numero1+numero2;
}

// Metodo 3: función de flecha gorda (fat arrow function)
var suma = (numero1, numero2) => {
  return numero1+numero2;
}

Listas

Listado donde podemos guardar datos como números, caracteres, booleanos, funciones, otro listado, etc.

var listado = [1, 2, 3]

Con varias listas podríamos hacer una semejanza de matriz.

var matriz = [[1, 2, 3],[4, 5, 6]]

Para acceder a un elemento especifico de la lista, en este caso accederíamos al segundo dato de la primera lista de la variable matriz.

console.log (matriz[1][2]) // 6

Modificar y ordernar listas

Cabe aclarar que existen dos tipos de funciones, una que modifican el listado y otras que crean y retornan un listado nuevo sin modificar el original

// Para agregar un elemento al final de una lista
nombreDelListado.push("elemento nuevo")

// Toma el último elemento de la lista y lo devuelve
nombreDelListado.pop()

// Para ver el primer elemento de la lista
nombreDelListado[0]

// Para pedir la cantidad de elementos en la lista
nombreDelListado.lenght()

// Sirve para cortar en una porción la lista, en este dejando el 3ro y 6to elemento
nombreDelListado.slice(3,6)

// Elimina el primer elemento y desplaza el resto
nombreDelListado.shift()

// Ordena los elementos de la lista
nombreDelListado.sort()