Javascript Guia#2

Javascript Guía de aprendizaje
parte 2
El presente documento esta basado en el curso javascript unipython.com https://unipython.com/cursos/
aprender-javascript junto con con aportes tomados de las siguientes fuentes: MOZILLA MDN Web
Docs https://developer.mozilla.org/es/docs/Learn/JavaScript y todojs https://www.todojs.com
ARRAYS O ARREGLOS DE DATOS

Un array o arreglo es un conjunto de datos que se almacenan en memoria de manera seguida con el
mismo nombre. Es una colección de variables, cada una de ellas se llama elemento y posee una
posición dentro del arreglo llamado índice.
Array es una variable que contiene más de un dato almacenado. Son muy útiles para automatizar
cálculos y procesos.
Los elementos dentro de un array se pueden acceder mediante un indice numérico iniciando desde cero,
es decir si se tienen 10 elementos guardados dentro de un array, el primer elemento de este array tendrá
el indice 0 , el segundo elemento tendrá el indice 1, el tercer elemento tendrá el indice 2 etc.
Tipo de Datos en Arrays
En el caso de JavaScript, los datos almacenados en el arreglo pueden ser de distinto tipo, esto solo
sucede conporque en otros lenguajes, un array solo puede almacenar datos del mismo tipo. Es decir, un
array de enteros solo contiene números enteros o un array de cadena solo puede guardar texto sin
embargo, en JS los Array no tienen tipo. Por ejemplo,
var misDatos = ['Azul', 46, false, 'a', -9.25, true, 0.33,

'variado'];
Allí podemos notar que el elemento de “índice cero” es de tipo texto (Azul), mientras que el siguiente
es numérico (46) y el sucesivo booleano (false), y así va cambiando a medida que recorremos el array.
Por supuesto, esto puede variar según la necesidad, puede que en una ocasión necesitemos un vector de
un solo tipo como puede pasar también que necesitemos un vector que contenga elementos variados.
Elemento Undefined
En relación a los elementos que contiene un array, estos también pueden ser del tipo undefined/
indefinido.
En este caso, cuando imprimimos en pantalla, el contenido de una posición especifica que no ha
sido previamente definida mostrará la palabra “undefined”. Ahora bien, la intención de este tipo
de vector es añadirle contenido posteriormente.
Propiedad Length
La propiedad Length en un vector sirve para indicar el número máximo de elementos que
contendrá (indiferentemente de que tengan contenido o no)
Ejercicio
Por ello, en vista de que la mejor manera de entender toda la teoría es comenzar a escribir código, te
invitamos a probar el siguiente programa.
//inicializar el array
var juegos; // declaración de variable
// inicialización de variable y asignación de valores

juegos = ['futbol','baloncesto','tenis'];
// También podemos hacerlo en la misma línea

var juegos = ['futbol','baloncesto','tenis'];
// Lo mismo sucederá si usamos la notación de objeto Array

var juegos = new Array('futbol','baloncesto','tenis');
Lo que hemos hecho es declarar un array de tres elementos.

Cada elemento posee un índice que indica su posición, el cual siempre comenzará en 0.
Es importante señalar que siempre debemos declarar explícitamente cuando una variable es un array, de
lo contrario nos producirá un error en el código. Por ende debemos evitar escribir lo que sigue:
var juegos; // declaración de variable
juegos[0] = futbol;
/* si empezamos a usar índices sin declarar

que juegos es un array nos producirá un error*/
Mostrando resultado en pantalla

Para mostrar el contenido de tu array escribe la sentencia que mostramos a continuación y ejecuta el
programa:
console.log(juegos);
Y en caso de necesitar algún elemento en específico puedes utilizar esta otra sentencia:
var mostrarElemento = juegos[1];
console.log(mostrarElemento);
// Imprimirá en pantalla el segundo elemento del vector: baloncesto
Como ya hemos mencionado el índice de todo array comienza en 0, de manera que el juego
posicionado en el índice número 1, viene siendo baloncesto.
Array vacío
Lo que haremos ahora será crear un vector totalmente vacío.
var arrayVacio = [];
var arrayVacio = new Array();
Ambas sentencias sirven para crearlo.

Y para añadirle valor cuando lo veamos preciso, solo escribimos el nombre de la variable, el índice y el
dato.
arrayVacio[5] = 'Programacion';
console.log(arrayVacio);
Al imprimir en pantalla notarás que mostrará que las primeras ubicaciones están vacías.
[5 empty items, 'Programacion']
Esto sucede porque en estas posiciones no hemos añadido ningún dato.
No obstante, cuando buscamos un elemento en específico arrojará la palabra “undefined”.

var arrayVacio = [];
console.log(arrayVacio[3]);
Esto incluso sucede cuando intentemos buscar un elemento de índice 15 cuando la realidad es que el
array creado es de tan solo 10 elementos; en este caso, en lugar de producir error como sucedería en
otros lenguajes, imprime “undefined” y continúa la ejecución del programa.
Definiendo el máximo
var cantMax = [];
cantMax[15] = 'Programacion';
console.log(cantMax);
// devolverá 16 elementos ya que incluye el elemento 0
Ejemplo práctico de uso de Arrays

Supongamos que queremos mostrar los días de la semana.
var semana =
[‘lunes’,’martes’,’miercoles’,’jueves’,’viernes’,’sabado’,’domingo’];
podemos mostrar cualquier día de la semana mediante el indice

correspondiente.
Asi, si queremos imprimir en consola el día jueves podemos hacer:
console.log(semana[3]); //imprime jueves
Lo mismo podemos hacer con cualquier otro día de la semana:
console.log(semana[0]); // imprime lunes
console.log(semana[6]); // imprime domingo

MANIPULACIÓN DE ARRAYS
En esta sección veremos algunos de los métodos básicos de JavaScript que nos permiten acceder al
array, agregar más datos, ordenarlos y eliminarlos.
Vamos a utilizar el siguiente array como ejemplo para esta sección
var lenguajes = ["javascript", "php", "phyton"]; //array con algunos lenguajes de

//programación
Métodos para manipular datos
Consultar el tamaño de un array: Método Length
Usamos el método length para conocer cual es el tamaño de un array
Ejemplo: imprimir el numero de elementos en un array
var lenguajes = ["javascript", "php", "phyton"];
console.log(lenguajes.length); //imprime numero de elementos en este caso 3
Esta sentencia arrojará como resultado “3”, pues es la cantidad de elementos almacenados en el
array lenguajes.
Cambiar el tamaño de un array:
Podemos hacerlo escribiendo lo siguiente:
lenguajes.length = 2;
Esto hará que el array lenguajes disminuya su capacidad, lo que significa que el último
elemento “Python” se dejará por fuera.
Agregar elementos a un array:
Caso 1: Agregar un elemento en la posición final del array.
Para ello escribimos lo que sigue:
lenguajes[lenguajes.length] = "C++";
Esta sentencia añadió el elemento al final del array.
Ahora en array contendrá 4 elementos: javascript, php, phyton y c++
Caso 2: Agregar uno o varios elementos en cualquier posición del array

Lo podemos hacer usando el método splice().
Splice es un método que nos permite agregar y eliminar datos del array estableciendo rangos
de posición. Para agregar elementos necesitaremos establecer tres argumentos: la posición de
inicio, la cantidad de elementos que deseamos eliminar en caso que querramos hacerlo (cero si
no se quiere eliminar ninguno) y los elementos que queremos insertar.
Ejemplo:
var lenguajes = [ ‘javascript’, ‘php’, ‘C++’, ‘java’, ‘visual basic’ ];
// Insertando un elemento sin eliminar ninguno
lenguajes.splice(1,0,'C');
Lo que hicimos fue añadir ‘C’ en la posición 1, haciendo que nuestro array sea ahora:
[ ‘javascript’, ‘C’, ‘php’, ‘C++’, ‘java’, ‘visual basic’ ]
// Insertando varios elementos y eliminando elementos
lenguajes.splice(3,2,'C#','Objective-C');
En esta parte añadimos dos elementos el primero se posicionará en la posición 3 y el segundo en

la posición que le sigue, en este caso 4. Ahora bien, también hemos eliminado dos elementos
que vendrían siendo los que correspondían a la posición 3 y 4.
Es decir, nuestro array entonces sería:
[ ‘javascript’, ‘C’, ‘php’, ‘C#’, ‘Objective-C’, ‘visual basic’ ]
Eliminar elementos de un array:
Se usa también el método splice, sirve para eliminar datos según el rango indicado.
Ejemplo:
var lenguajes = [ ‘javascript’, ‘C’, ‘php’, ‘C#’,
‘Objective-C’, ‘visual basic’ ];
lenguajes.splice(0,3);
// Eliminará elementos desde la posición 0 hasta la

posición 2
/ / por tanto el array lenguajes quedaría así:
[ ‘C#’, ‘Objective-C’, ‘visual basic’ ]
En este caso no se incluye el argumento final del método splice .
Convertir un array en una cadena de caracteres: Método toString()

El método toString es útil para cuando necesitamos convertir todo el contenido un array en una
cadena de caracteres, indiferentemente del tipo de dato que almacene.
Ejemplo:
var mostrar = lenguajes.toString();
console.log(mostrar);
El resultado será una cadena de elementos separados por coma.

Javascript Guia#2

Cargado por

Copyright:

Formatos disponibles

Javascript Guia#2

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Javascript Guia#2

Cargado por

Copyright:

Formatos disponibles

Javascript Guía de aprendizaje

ARRAYS O ARREGLOS DE DATOS

var misDatos = ['Azul', 46, false, 'a', -9.25, true, 0.33,

var juegos; // declaración de variable

// inicialización de variable y asignación de valores

// También podemos hacerlo en la misma línea

// Lo mismo sucederá si usamos la notación de objeto Array

Lo que hemos hecho es declarar un array de tres elementos.

/* si empezamos a usar índices sin declarar

Mostrando resultado en pantalla

var mostrarElemento = juegos[1];

var arrayVacio = new Array();

Ambas sentencias sirven para crearlo.

Esto sucede porque en estas posiciones no hemos añadido ningún dato.

No obstante, cuando buscamos un elemento en específico arrojará la palabra “undefined”.

Ejemplo práctico de uso de Arrays

podemos mostrar cualquier día de la semana mediante el indice

Asi, si queremos imprimir en consola el día jueves podemos hacer:

console.log(semana[3]); //imprime jueves

Lo mismo podemos hacer con cualquier otro día de la semana:

console.log(semana[0]); // imprime lunes

console.log(semana[6]); // imprime domingo

Vamos a utilizar el siguiente array como ejemplo para esta sección

var lenguajes = ["javascript", "php", "phyton"]; //array con algunos lenguajes de

Métodos para manipular datos

Consultar el tamaño de un array: Método Length

Usamos el método length para conocer cual es el tamaño de un array

Ejemplo: imprimir el numero de elementos en un array

var lenguajes = ["javascript", "php", "phyton"];

console.log(lenguajes.length); //imprime numero de elementos en este caso 3

Cambiar el tamaño de un array:

Podemos hacerlo escribiendo lo siguiente:

var lenguajes = ["javascript", "php", "phyton"];

Esta sentencia añadió el elemento al final del array.

Ahora en array contendrá 4 elementos: javascript, php, phyton y c++

Caso 2: Agregar uno o varios elementos en cualquier posición del array

var lenguajes = [ ‘javascript’, ‘php’, ‘C++’, ‘java’, ‘visual basic’ ];

// Insertando un elemento sin eliminar ninguno

// Insertando varios elementos y eliminando elementos

En esta parte añadimos dos elementos el primero se posicionará en la posición 3 y el segundo en

// Eliminará elementos desde la posición 0 hasta la

En este caso no se incluye el argumento final del método splice .

Convertir un array en una cadena de caracteres: Método toString()

var mostrar = lenguajes.toString();

El resultado será una cadena de elementos separados por coma.

También podría gustarte