Skip to content

Apuntes AJAX, parte 3

marzo 19, 2009

libretaArreglos

Podemos inicializar un arreglo cuando lo creamos:

var arreglo= new Array( “uno”, “dos”, “tres”);

var arreglo2= [1,2,3];

var arreglo3= [“uno”, “dos”, “tres”];

Definirle el número de elementos que puede contener:

var arreglo= new Array(3);

O crear un arreglo vacio:

var arreglo= new Array();

Podemos agregarle elementos al arreglo:

var arreglo= new Array(3);

arreglo[0]= “uno”;

arreglo[1]=”dos”;

arreglo[2]=”tres”;

Ejemplo 1:

<html>

<head>

<title>Arreglos</title>

</head>

<body>

<script type=”text/javascript”>

//Generar frases de bienvenida aleatorias, tambien podrian ser imagenes

var arreglo= new Array();

var aleatorio= Math.round(Math.random() * 2);

arreglo[0]=”Frase 1″;

arreglo[1]=”Frase 2″;

arreglo[2]=”Frase 3″;

document.write(“<h1>”+arreglo[aleatorio]+”</h1>”);

</script>

</body>

</html>

Ejemplo 2:

<html>

<head>

<title>Arreglos</title>

</head>

<body>



<script type=”text/javascript”>

//Recorrer arreglo

var arreglo= new Array();

arreglo[0]=”uno”;

arreglo[1]=”dos”;

arreglo[2]=”tres”;

for(var i=0; i<3; i++) {

document.write(arreglo[i]+”<br>”);

}

</script>

</body>

</html>

Cortar, unir , convertir y ordenar

El método slice() lo podemos utilizar para cortar los elementos de un arreglo, recibe dos parametros, el primero es el índice de donde se va a empezar a cortar y el segundo es el índice del último elemento (el final).

Podemos concatenar dos o más arreglos con el método concat().

Podemos convertir un array a string utilizando el método join() y visceversa, de string a array mediante el método split().

Ordenar los elementos de un arreglo en orden alfabético o numérico mediante el método sort(). Solo hay que tener cuidado, por que los ordena estrictamente por su orden numérico en ASCII. También podemos utilizar el método reverse().

Ejemplo:

<html>

<head>

<title>Arreglos</title>

</head>

<body>

<script type=”text/javascript”>

/*

* Cortar, unir, convertir y ordenar

* slice / concat / join, split / sort, reverse

*/

//Variables para slice

var arreglo= new Array(“uno”, “dos”, “tres”);

var arregloCortado= arreglo.slice(1,3);

//variables para concat

var arregloUno= new Array(“uno”, “dos”);

var arregloDos= new Array(“tres”, “cuatro”);

var arregloUnoDos= arregloUno.concat(arregloDos);

//variables para join

var arregloNombres= new Array(“Hugo”, “Paco”, “Luis”);

var arregloNombresMod= arregloNombres.join(‘ es hermano de ‘);

//variables para split

var operacion = “2+ 1 + 4 + 3”;

var numeros= operacion.split(‘+ ‘);



//Impresiones para slice

document.write(“<p>Ejemplo Slice</p>”);

for(var i=0; i<2; i++) {

document.write(arregloCortado[i]+”<br>”);

}

//Impresiones para concat

document.write(“<p>Ejemplo Concat</p>”);

for(var j=0; j<4; j++) {

document.write(arregloUnoDos[j]+”<br>”);

}

//Impresiones para join

document.write(“<p>Ejemplo Join</p>”);

document.write(arregloNombresMod);

//Impresiones para split

document.write(“<p>Ejemplo Split</p>”);

for(var k=0; k<numeros.length; k++) {

document.write(numeros[k]+”<br>”);

}

</script>

</body>

</html>

Ok, hasta la próxima! jaja

No comments yet

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: