Analista Programador

Programación 1
Array
 ¿Qué es un array?
• Es un tipo especial de variable que puede
almacenar más de un dato, del mismo tipo o
de diferentes tipos al mismo tiempo.
Manejo de nombres con variables
Si tenemos que guardar los nombres Pablo,
José y Pepe, hasta ahora lo guardamos en
variables “comunes”

var nom1=“Pablo”;
var nom2=“José”;
var nom3=“Pepe”;
 ¿Cuál es el inconveniente?
Debo manejar 3 variables diferentes.

La solución es utilizar una estructura que permita

almacenar múltiples valores en una sola variable.

var miVector;

miVector=[“Pablo”,”José”,”Pepe”];
 Propiedad length
• Tal como vimos en el tipo de dato String,
para el caso de los arrays la propiedad
length nos permite setear o retornar el
número de elementos de un array.

alert(miVector.length); // muestra 3.
 Índice
• El índice de un array empieza en 0.
var miVar=6;
var otroVec=[“Hola”,true ,”árbol” ,miVar ,”6” ,”otro Dato” ,”otroString”,false];

Dato “Hola” true “árbol" 6 “6” “otroDato

”
“otroString
”
false

Índice 0 1 2 3 4 5 6 7

• La propiedad length indica la cantidad de elementos.

alert (otroVec.length) // 8
 Recupero el elemento n
• Problema: A partir del vector “otroVector”,
necesito mostrar el elemento que está en la
posición 3:

alert(otroVec[2])// árbol

Nombre de la variable Posición entre paréntesis recto

 Recorro el vector y muestro todos
sus datos
For (var i=0; i < otroVec.length; i++){

alert(otroVec[i]);

}
Agrego un dato al final del vector
“Hola” true “árbol" 6 “6” “otroDato” “otroString” false

0 1 2 3 4 5 6 7

alert (otroVec.length); /8
otroVec[otroVec.length]=“último valor”;
alert (otroVec.length); //9

“Hola” true “árbol 6 “6” “otroDato” “otroString” false “último valor”

"
0 1 2 3 4 5 6 7 8
 Para modificar un valor dentro del
array

otroVec[2]=“ modifica el contenido “

 Ejercicio.
• Dado un array frutas, que contiene como
elementos: pera, limón, mango,
naranja,banana,manzana. Mostrar en
pantalla los elementos del array de la
siguiente forma:
• Las frutas disponibles son: pera, limón,
mango, naranja, banana, manzana.
 Solución
var x=["pera",
"limon","mango","naranja","banana","manzana"];
for(var i=0; i<x.length; i++){
if(i==0){
document.write("Las frutas disponibles son:
"+x[i]);
}else{
document.write(" , "+x[i]);
}
}
 Ejercicio
• Dado un array frutas, que contiene como
elementos: pera, limón, mango,
naranja,banana,manzana. Mostrar en
pantalla los elementos del array de la
siguiente forma:
• Las frutas disponibles son: pera, limon,
mango, naranja, banana y manzana.
 Solución
var x=["pera", "limón","mango","naranja","banana","manzana"];
for(var i=0; i<x.length; i++){
if(i==0){
document.write("Las frutas disponibles son: "+x[i]);
}else{
if( i < (x.length-1)){
document.write(" , "+x[i]);
}else{
document.write(" y "+x[i]);
}
}
}
 Función splice()
• La función splice agrega o elimina elementos.
• El primer parámetro indica a partir de qué lugar
comenzará a actuar.
• El segundo parámetro indica la cantidad de
elementos que borrará
• El tercer parámetro indica el nuevo elemento a
agregar.
splice([posInicial],[cantElementos],[nuevoElemento])
 Ejemplo
• Dado el vector var x=["pera",
"limón","mango","naranja","banana","manz
ana"];
• Se desea eliminar el elemento mango
• x.splice(2,1);
• Muestra el array con su nueva estructura
• document.write(x);
 Ejercicio
• A partir del vector:
var x=["pera",
"limón","mango","naranja","banana","manzana"];
• Se desea eliminar los elementos naranja y banana
• Agregue el elemento ananá dentro de la estructura
entre mango y manzana
• Muestre el array
 Solución
var x=["pera",
"limón","mango","naranja","banana","manz
ana"];
x.splice(3,2,"anan&aacute;");
document.write(x);