Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Arrays en JavaScript

    Cargado por

    Sergio Mensaque
    11 vistas17 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    11 vistas17 páginas

    Arrays en JavaScript

    Cargado por

    Sergio Mensaque

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 17

    Resumen Arrays en JavaScript

    Qué son los Arrays?


    • Tambien llamados MATRICES O VECTORES
    • Los arrays nos permiten guardar varias variables y
    acceder a ellas de manera independiente, es
    como tener una variable con distintos
    compartimentos donde podemos introducir datos
    distintos.
    • Los arrays se introdujeron en versiones Javascript
    1.1 o superiores, es decir, solo los podemos
    utilizar a partir de los navegadores 3.0.
    COMO LO PUEDO CREAR?
    El primer paso para utilizar un array es crearlo.
    Para ello utilizamos un objeto Javascript ya
    implementado en el navegador
    var miArray = new Array()

    Este nombre se lo doy yo, siguiendo las


    normas de formación de los nombres de
    variables
    Otra forma de crearlo
    • También podemos crear el array Javascript
    especificando el número de compartimentos
    que va a tener.
    var miArray = new Array(10)
    Es importante que nos fijemos que la
    palabra Array en código Javascript se
    escribe con la primera letra en
    mayúscula. Como en Javascript las
    mayúsculas y minúsculas si que
    importan, si lo escribimos en
    minúscula no funcionará.
    Este array tiene 10 elementos
    Como guardamos los valores en el
    Array
    • Veamos a continuación cómo introducir
    valores en nuestros arrays.

    miArray[0] = 300
    miArray[1] = 500
    miArray[2] = 1

    • Los arrays en Javascript empiezan siempre en


    la posición 0
    Veamos cómo se imprimiría en la
    pantalla el contenido de un array.

    var miArray = new Array(3) // declaración del Array

    miArray[0] = 155 // Inicialización del Array


    miArray[1] = 4
    miArray[2] = 499
    // Recorrido del Array para mostrar sus valores
    for (i=0;i<3;i++){
    document.write("Posición " + i + " del array: " +
    miArray[i])
    document.write("<br>")
    }
    <!DOCTYPE HTML >
    <html>
    <head>
    <title>Ejemplo de utilización de arrays</title>
    </head>
    <body>
    <script language="JavaScript">
    var miArray = new Array(3) ;
    miArray[0] = 155 miArray[1] = 4 miArray[2] = 499 ;
    for (i=0;i<3;i++)
    {
    document.write("Posición " + i + " del array: " + miArray[i])
    document.write("<br>") }
    </script>

    </body></html>
    Tipos de datos en los arrays
    Datos de tipo caracter
    • En las casillas de los arrays podemos guardar
    datos de cualquier tipo. Podemos ver un array
    donde introducimos datos de tipo carácter.

    miArray[0] = "Hola"
    miArray[1] = "a"
    miArray[2] = "todos"
    En un mismo Array se pueden guardar
    datos de distinto tipo
    • Incluso, en Javascript podemos guardar distintos
    tipos de datos en las casillas de un mismo array.
    Es decir, podemos introducir números en unas
    casillas, textos en otras, boleanos o cualquier otra
    cosa que deseemos.

    miArray[0] = "desarrolloweb.com"
    miArray[1] = 1275
    miArray[1] = 0.78
    miArray[2] = true
    Declaración e inicialización resumida
    de Arrays

    var Misdatos = [12,45,"array inicializado en su


    declaración"]

    Nota:Como se puede ver, se está definiendo una


    variable llamada Misdatos y estamos
    indicando en los corchetes varios valores
    separados por comas.
    Como podemos conocer la longitud de
    un array
    • Para acceder a una propiedad de un objeto se ha de utilizar
    el operador punto. Se escribe el nombre del array que
    queremos acceder al número de posiciones que tiene, sin
    corchetes ni paréntesis, seguido de un punto y la palabra
    length.
    var miArray = new Array()
    miArray[0] = 155
    miArray[1] = 499
    miArray[2] = 65
    document.write("Longitud del array: " + miArray.length)
    Para que podemos utilizar esa
    propiedad
    • for (i=0;i<miArray.length;i++){
    document.write(miArray[i])
    }
    <!DOCTYPE HTML >
    <html><head> <title>Ejemplo de recorrido de arrays con
    length</title></head>
    <body>
    <script language="JavaScript">
    var miArray = new Array(2)
    miArray[0] = "Colombia" ;
    miArray[1] = "Estados Unidos" ;
    miArray[5] = "Brasil" ;
    for (i=0;i<miArray.length;i++)
    {
    document.write("Posición " + i + " del array: " + miArray[i]);
    document.write("<br>");
    }
    </script>
    </body></html>
    Más ejemplos de declaración …
    • La declaración de un array se hace de misma
    forma que se declara cualquier variable:
    var nombreDelArray;
    • El array adquiere condición de tal cuando la
    variable se inicializa con forma de array, bien
    como array con un contenido inicial o bien como
    array vacío:
    var pais;
    pais = ['Mexico', 'España', 'Argentina', 'Chile',
    'Colombia', 'Venezuela', 'Perú', 'Costa Rica'];
    • O podemos hacerlo todo en una sola línea:
    var pais = ['Mexico', 'España', 'Argentina', 'Chile',
    'Colombia', 'Venezuela', 'Perú', 'Costa Rica'];
    Inicialización de Arrays Vacios
    • También podemos inicializar un array vacío de
    dos formas distintas:
    var fruta = [];
    var fruta = new Array();
    USO DE LOS ARRAYS
    • Los arrays son de gran utilidad para
    automatizar los cálculos y procesos, por lo que
    siempre algo pueda expresarse con un
    nombre seguido de un índice, será preferible
    usar un array a usar variables independientes.
    • Importante:Los arrays por defecto siempre
    empiezan por el índice 0, pero en
    determinadas ocasiones algunos
    programadores prescinden de ese índice.
    La no utilización del elemento 0
    • Por ejemplo Aquí el programador
    • var mes = []; ignora el elemento cero
    de esta manera hace
    • mes[0] = undefined; coincidir el número del
    • mes[1] = 'enero'; mes con el índice del
    • mes[2]='febrero'; array.
    • mes[3]='marzo';
    • mes[4] = 'abril';
    • mes[5]='mayo';
    • mes[6] = 'junio';
    • mes[7]='julio';
    • mes[8]='agosto';
    • mes[9]='septiembre';
    • mes[10]='octubre';
    • mes[11]='noviembre';
    • mes[12]='diciembre‘;

    También podría gustarte