Multiples selects dinámicos

[abimaelrc]

Saludos corillo,

Estoy trabajando con una aplicación que requiere de multiples selects y que todos se formen de acuerdo a un valor seleccionado. Lo logré pero es un poco complicado trabajarlo. Esta es la forma como lo hago al momento.

Nota: Estos los formo con PHP por lo que se me hace menos difícil formarlos

Código HTML:

<script type="text/javascript">
function nullOptions(obj){
    var n=obj.options.length
    for (i=0;i<n;i++){
        obj.options[i]=null
    }
    obj.options.length=0;
}
 
 
/**
 * Seconds elements
 */
function secondElements1(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona bar","");
        options[n++]=new Option(20, 20);
        options[n++]=new Option(30, 30);
        options[n++]=new Option(40, 40);
    }
}
function secondElements2(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona bar","");
        options[n++]=new Option(200, 200);
        options[n++]=new Option(300, 300);
        options[n++]=new Option(400, 400);
    }
}
function secondElements3(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona bar","");
        options[n++]=new Option(2000, 2000);
        options[n++]=new Option(3000, 3000);
        options[n++]=new Option(4000, 4000);
    }
}
 
/**
 * Thirds elements
 */
 
/**
 * Elementos para el valor 20, 30 y 40 de bar
 */
function thirdElements1000(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(21, 21);
        options[n++]=new Option(22, 22);
        options[n++]=new Option(23, 23);
    }
}
function thirdElements1001(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(31, 31);
        options[n++]=new Option(32, 32);
        options[n++]=new Option(33, 33);
    }
}
function thirdElements1002(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(41, 41);
        options[n++]=new Option(42, 42);
        options[n++]=new Option(43, 43);
    }
}
 
/**
 * Elementos para los valores 200, 300 y 400 de bar
 */
function thirdElements1003(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(210, 210);
        options[n++]=new Option(220, 220);
        options[n++]=new Option(230, 230);
    }
}
function thirdElements1004(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(310, 310);
        options[n++]=new Option(320, 320);
        options[n++]=new Option(330, 330);
    }
}
function thirdElements1005(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(410, 410);
        options[n++]=new Option(420, 420);
        options[n++]=new Option(430, 430);
    }
}
 
/**
 * Elementos para los valores 2000, 3000 y 4000 de bar
 */
function thirdElements1006(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(2100, 2100);
        options[n++]=new Option(2200, 2200);
        options[n++]=new Option(2300, 2300);
    }
}
function thirdElements1007(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(3100, 3100);
        options[n++]=new Option(3200, 3200);
        options[n++]=new Option(3300, 3300);
    }
}
function thirdElements1008(obj){
    nullOptions(obj);
    var n=0;
    with(obj){
        options[n++]=new Option("Selecciona candy","");
        options[n++]=new Option(4100, 4100);
        options[n++]=new Option(4200, 4200);
        options[n++]=new Option(4300, 4300);
    }
}
 
function firstFunction(obj){
    var firstElement = obj.first;
    var secondElement = obj.second;
    var thirdElement = obj.third;
    switch(firstElement.selectedIndex){
        case 0:
            secondElement.options.length=0;
            secondElement.options[0]=new Option("[Selecciona foo]","");
            secondElement.options[0].selected=true;
 
            thirdElement.options.length=0;
            thirdElement.options[0]=new Option("[Selecciona foo]","");
            thirdElement.options[0].selected=true;
            break;
        case 1:
            secondElements1(secondElement);
            secondElement.options[0].text="[Selecciona bar]";
 
            thirdElement.options.length=0;
            thirdElement.options[0]=new Option("[Selecciona bar]","");
            thirdElement.options[0].selected=true;
            break;
        case 2:
            secondElements2(secondElement);
            secondElement.options[0].text="[Selecciona bar]";
 
            thirdElement.options.length=0;
            thirdElement.options[0]=new Option("[Selecciona bar]","");
            thirdElement.options[0].selected=true;
            break;
        case 3:
            secondElements3(secondElement);
            secondElement.options[0].text="[Selecciona bar]";
 
            thirdElement.options.length=0;
            thirdElement.options[0]=new Option("[Selecciona bar]","");
            thirdElement.options[0].selected=true;
            break;
    }
}
 
function secondFunction(obj){
    var firstElement = obj.first;
    var secondElement = obj.second;
    var thirdElement = obj.third;
    switch(firstElement.selectedIndex){
        case 0:
            secondElement.options.length=0;
            secondElement.options[0]=new Option("[Selecciona foo]","");
            secondElement.options[0].selected=true;
 
            thirdElement.options.length=0;
            thirdElement.options[0]=new Option("[Selecciona foo]","");
            thirdElement.options[0].selected=true;
            break;
        case 1:
            switch(secondElement.selectedIndex){
                case 0:
                    thirdElement.options.length=0;
                    thirdElement.options[0]=new Option("[Selecciona bar]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 1:
                    thirdElements1000(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 2:
                    thirdElements1001(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 3:
                    thirdElements1002(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
            }
            break;
        case 2:
            switch(secondElement.selectedIndex){
                case 0:
                    thirdElement.options.length=0;
                    thirdElement.options[0]=new Option("[Selecciona bar]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 1:
                    thirdElements1003(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 2:
                    thirdElements1004(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 3:
                    thirdElements1005(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
            }
            break;
        case 3:
            switch(secondElement.selectedIndex){
                case 0:
                    thirdElement.options.length=0;
                    thirdElement.options[0]=new Option("[Selecciona bar]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 1:
                    thirdElements1006(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 2:
                    thirdElements1007(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
                case 3:
                    thirdElements1008(thirdElement);
                    thirdElement.options[0]=new Option("[Selecciona candy]","");
                    thirdElement.options[0].selected=true;
                    break;
            }
            break;
    }
}
</script>
<form action="#">
    Foo:
    <select name="first" onchange="firstFunction(this.form)">
        <option value="">[Selecciona uno]</option>
        <option value="1">1</option>
        <option value="100">100</option>
        <option value="1000">1000</option>
    </select><br />
 
    Bar:
    <select name="second" onchange="secondFunction(this.form)">
        <option value="">[Selecciona Foo]</option>
    </select><br />
 
    Candy:
    <select name="third">
        <option value="">[Selecciona Foo]</option>
    </select>
</form>
 

Lo que me interesa saber es alguna otra forma de lograrlo pero sin un framework y sin ajax que también creo que es otra forma sencilla. Lo dejo por si le ayuda a alguien, aunque está demasiado grande el código para lograr lo que yo quiero. La razón por la pregunta es que luego voy a tener que trabajar que el último valor modifique otro valor y va a ser un código muy grande para trabajar. Bueno me dejan saber

¡Muchas gracias!

[goteen_mx]

Yo creo que para no tener cada una de las funciones puedes hacer una generica que reciba que select va a llenar y todas tus opciones guardarlas en un arreglo a manera de matriz y recorres el arreglo cada que quieres llenar un select por ej.

Código Javascript:

<html>
<head>
<script>
var aOpciones = new Array();
//esto se llenaria con PHP
// se me ocurre esta estructura [idOpcion, icPadre, opcionTexto] a fin de llenarlo a manera de un árbol con sus hijos
 
aOpciones[0]=[1,0,'primerSelect1'];
aOpciones[1]=[2,0,'primerSelect2'];
//las dependientes del hijo
aOpciones[2]=[3,1,'hijo1 primer select opcion 0'];
aOpciones[3]=[4,1,'hijo 2  primer select opcion 0'];
//dependientes del segundo hijo
aOpciones[4]=[4,2,'hijo1 primeer select opcion1'];
aOpciones[5]=[5,2,'hijo2 primer select opcin1'];
//...........
//...........N hijos
 
 
 //primer parametro la forma, segundo el select a llenar
function f_llenaSlect(forma, slectPos){
        //si es -1 es el ultimo select para llenar
        if(slectPos==-1)
            return;
         else{//limpio select a llenar
                (document.getElementById("slect"+slectPos).options.length=0; 
                for(var i=0;i<aOpciones.length:i++){//for para recorrer el arreglo
                      if(aOpciones[i][1]==document.getElementById("slect"+slectPos-1).options.selectedIndex){  // obtengo la opcion seleccionada del padre y comparo el arreglo
                              document.getElementById("slect"+slectPos).options.length++;
                              document.getElementById("slect"+slectPos).options[document.getElementById("slect"+slectPos).options.length-1].value=aOpciones[i][0];
                              document.getElementById("slect"+slectPos).options[document.getElementById("slect"+slectPos).options.length-1].text=aOpciones[i][2];
                        }
              }
     }
}
</script>
</head>
<body onload="f_llenaSlect(document.forms[0],1)">
<form action="#">
 
    Foo:
 
    <select name="slect1" onchange="firstFunction(this.form,2);">
 
        <option value="">[Selecciona uno]</option>
 
    </select><br />
 
 
 
    Bar:
 
    <select id="slct2" onchange="f_llenaSlect(this.form,3);">
 
        <option value="">[Selecciona Foo]</option>
 
    </select><br />
 
 
 
    Candy:
 
    <select id="slect3" onchange="f_llenaSlect(this.form,-1);">
 
        <option value="">[Selecciona Foo]</option>
 
    </select>
 
</form>
</body>
</html>
 

Y ya si necesitas que cada opcion o select tenga una función en especifico, la puedes agregar al arreglo y asignarla con js al select que necesites.

Saludos.

[abimaelrc]

Ohhhh, es verdad que se puede trabajar con arreglos. Muy bueno

[zerokilled]

que tal corillo!

solo como una observacion acerca de la estructura de datos. tambien puedes usar formato json. algo parecido a como firefox y chrome guarda los bookmarks. es decir, no solo arrays, sino objetos y propiedades para lograr una mejor estructuracion. alguna vez habia comenzado hacer uno pero nunca lo termine.

saludos!

[abimaelrc]

Si lo pensé, el de crearlos con php y luego pasarlo usando json, lo tendré en cuenta

[abimaelrc]

Bueno, dejo la forma como lo estoy trabajando (sinceramente no me siento orgulloso, pero para que otro se beneficie). Cuando crezca y sea grande y pueda hacer las cosas que hacen muchos de este foro, lo posteo como aporte, pero mientras tanto lo dejo en este tema

Cuando el valor y el texto es igual lo pueden hacer así

Código HTML:

<script type="text/javascript">
var arrOpt = new Array();
arrOpt[1] = new Array();
arrOpt[1][20] = new Array();
arrOpt[1][20][21] = new Array();
arrOpt[1][20][22] = new Array();
arrOpt[1][20][23] = new Array();
arrOpt[1][30] = new Array();
arrOpt[1][30][31] = new Array();
arrOpt[1][30][32] = new Array();
arrOpt[1][30][33] = new Array();
arrOpt[1][40] = new Array();
arrOpt[1][40][41] = new Array();
arrOpt[1][40][42] = new Array();
arrOpt[1][40][43] = new Array();
 
arrOpt[100] = new Array();
arrOpt[100][110] = new Array();
arrOpt[100][110][111] = new Array();
arrOpt[100][110][112] = new Array();
arrOpt[100][110][113] = new Array();
arrOpt[100][120] = new Array();
arrOpt[100][120][121] = new Array();
arrOpt[100][120][122] = new Array();
arrOpt[100][120][123] = new Array();
arrOpt[100][130] = new Array();
arrOpt[100][130][131] = new Array();
arrOpt[100][130][132] = new Array();
arrOpt[100][130][133] = new Array();
 
arrOpt[1000] = new Array();
arrOpt[1000][1100] = new Array();
arrOpt[1000][1100][1110] = new Array();
arrOpt[1000][1100][1120] = new Array();
arrOpt[1000][1100][1130] = new Array();
arrOpt[1000][1200] = new Array();
arrOpt[1000][1200][1210] = new Array();
arrOpt[1000][1200][1220] = new Array();
arrOpt[1000][1200][1230] = new Array();
arrOpt[1000][1300] = new Array();
arrOpt[1000][1300][1310] = new Array();
arrOpt[1000][1300][1320] = new Array();
arrOpt[1000][1300][1330] = new Array();
 
var fIndexSession = 0;
var sIndexSession = 0;
var tIndexSession = 0;
 
function nullOptions(obj){
    var n=obj.options.length
    for (i=0;i<n;i++){
        obj.options[i]=null
    }
    obj.options.length=0;
}
 
function getOpt(objs){
    var f = objs[0];
    var fIndex = f.selectedIndex;
 
    var s = objs[1];
    var sIndex = fIndexSession == fIndex ? s.selectedIndex : 0;
    nullOptions(s);
    sText = fIndex > 0
        ? "Bar"
        : "Foo";
    s.options[0] = new Option("[Selecciona " + sText + "]", "", true);
 
    var t = objs[2];
    var tIndex = sIndexSession == sIndex ? t.selectedIndex : 0;
    nullOptions(t);
    tText = fIndex > 0
        ? (sIndex > 0
            ? "Candy"
            : "Bar")
        : "Foo";
    t.options[0] = new Option("[Selecciona " + tText + "]", "", true);
 
    fIndexSession = fIndex;
    sIndexSession = sIndex;
    tIndexSession = tIndex;
 
    for(var i in arrOpt){
        if(i == f.value){
            var n = 1;
            for(var ii in arrOpt[i]){
                bool = sIndex == n ? true : false;
                s.options[n++] = new Option(ii, ii, false, bool);
                if(ii == s.value){
                    var nn = 1;
                    for(var iii in arrOpt[i][ii]){
                        bool = tIndex == nn ? true : false;
                        t.options[nn++] = new Option(iii, iii, false, bool);
                    }
                }
            }
        }
    }
}
</script>
<form action="#">
    Foo:
    <select name="first" onchange="getOpt({0:this.form.first, 1:this.form.second, 2:this.form.third})">
        <option value="">[Selecciona uno]</option>
        <option value="1">1</option>
        <option value="100">100</option>
        <option value="1000">1000</option>
    </select><br />
 
    Bar:
    <select name="second" onchange="getOpt({0:this.form.first, 1:this.form.second, 2:this.form.third})">
        <option value="">[Selecciona Foo]</option>
    </select><br />
 
    Candy:
    <select name="third">
        <option value="">[Selecciona Foo]</option>
    </select>
</form>
 

Cuando el valor es diferente al texto, lo pueden hacer así

Código HTML:

<script type="text/javascript">
var arrOpt = new Array();
arrOpt[1] = new Array();
arrOpt[1]["20_veinte"] = new Array();
arrOpt[1]["20_veinte"]["21_veintiuno"] = new Array();
arrOpt[1]["20_veinte"]["22_veintidos"] = new Array();
arrOpt[1]["20_veinte"]["23_veintitres"] = new Array();
arrOpt[1]["30_treinta"] = new Array();
arrOpt[1]["30_treinta"]["31_treinta y uno"] = new Array();
arrOpt[1]["30_treinta"]["32_treinta y dos"] = new Array();
arrOpt[1]["30_treinta"]["33_treinta y tres"] = new Array();
arrOpt[1]["40_cuarenta"] = new Array();
arrOpt[1]["40_cuarenta"]["41_cuarenta y uno"] = new Array();
arrOpt[1]["40_cuarenta"]["42_cuarenta y dos"] = new Array();
arrOpt[1]["40_cuarenta"]["43_cuarenta y tres"] = new Array();
 
arrOpt[100] = new Array();
arrOpt[100]["110_ciento diez"] = new Array();
arrOpt[100]["110_ciento diez"]["111_ciento once"] = new Array();
arrOpt[100]["110_ciento diez"]["111_ciento doce"] = new Array();
arrOpt[100]["110_ciento diez"]["111_ciento trece"] = new Array();
arrOpt[100]["120_ciento veinte"] = new Array();
arrOpt[100]["120_ciento veinte"]["121_ciento veintiuno"] = new Array();
arrOpt[100]["120_ciento veinte"]["122_ciento veintidos"] = new Array();
arrOpt[100]["120_ciento veinte"]["123_ciento veintitres"] = new Array();
arrOpt[100]["130_ciento treinta"] = new Array();
arrOpt[100]["130_ciento treinta"]["131_ciento treinta y uno"] = new Array();
arrOpt[100]["130_ciento treinta"]["131_ciento treinta y dos"] = new Array();
arrOpt[100]["130_ciento treinta"]["131_ciento treinta y tres"] = new Array();
 
arrOpt[1000] = new Array();
arrOpt[1000]["1100_mil cien"] = new Array();
arrOpt[1000]["1100_mil cien"]["1110_mil ciento diez"] = new Array();
arrOpt[1000]["1100_mil cien"]["1120_mil ciento veinte"] = new Array();
arrOpt[1000]["1100_mil cien"]["1130_mil ciento treinta"] = new Array();
arrOpt[1000]["1200_mil docientos"] = new Array();
arrOpt[1000]["1200_mil docientos"]["1210_mil docientos diez"] = new Array();
arrOpt[1000]["1200_mil docientos"]["1220_mil docientos veinte"] = new Array();
arrOpt[1000]["1200_mil docientos"]["1230_mil docientos treinta"] = new Array();
arrOpt[1000]["1300_mil trecientos"] = new Array();
arrOpt[1000]["1300_mil trecientos"]["1310_mil trecientos diez"] = new Array();
arrOpt[1000]["1300_mil trecientos"]["1320_mil trecientos veinte"] = new Array();
arrOpt[1000]["1300_mil trecientos"]["1330_mil trecientos treinta"] = new Array();
 
var fIndexSession = 0;
var sIndexSession = 0;
var tIndexSession = 0;
 
function nullOptions(obj){
    var n=obj.options.length
    for (i=0;i<n;i++){
        obj.options[i]=null
    }
    obj.options.length=0;
}
 
function getOpt(objs){
    var f = objs[0];
    var fIndex = f.selectedIndex;
 
    var s = objs[1];
    var sIndex = fIndexSession == fIndex ? s.selectedIndex : 0;
    nullOptions(s);
    sText = fIndex > 0
        ? "Bar"
        : "Foo";
    s.options[0] = new Option("[Selecciona " + sText + "]", "", true);
 
    var t = objs[2];
    var tIndex = sIndexSession == sIndex ? t.selectedIndex : 0;
    nullOptions(t);
    tText = fIndex > 0
        ? (sIndex > 0
            ? "Candy"
            : "Bar")
        : "Foo";
    t.options[0] = new Option("[Selecciona " + tText + "]", "", true);
 
    fIndexSession = fIndex;
    sIndexSession = sIndex;
    tIndexSession = tIndex;
 
    for(var i in arrOpt){
        if(i == f.value){
            var n = 1;
            for(var ii in arrOpt[i]){
                sKey = ii.split("_");
                bool = sIndex == n ? true : false;
                s.options[n++] = new Option(sKey[1], sKey[0], false, bool);
                if(sKey[0] == s.value){
                    var nn = 1;
                    for(var iii in arrOpt[i][ii]){
                        tKey = iii.split("_");
                        bool = tIndex == nn ? true : false;
                        t.options[nn++] = new Option(tKey[1], tKey[0], false, bool);
                    }
                }
            }
        }
    }
}
</script>
<form action="#">
    Foo:
    <select name="first" onchange="getOpt({0:this.form.first, 1:this.form.second, 2:this.form.third})">
        <option value="">[Selecciona uno]</option>
        <option value="1">uno</option>
        <option value="100">cien</option>
        <option value="1000">mil</option>
    </select><br />
 
    Bar:
    <select name="second" onchange="getOpt({0:this.form.first, 1:this.form.second, 2:this.form.third})">
        <option value="">[Selecciona Foo]</option>
    </select><br />
 
    Candy:
    <select name="third">
        <option value="">[Selecciona Foo]</option>
    </select>
</form>
 

De estas dos formas eliminé más de 150 lineas de código.

[goteen_mx]

Hola abimaelrc, viendo tu código me entro una duda que espero me puedan ayudar a resolver.

¿¿Los array en JS reservan memoria??

me puse a investigar y no hay una respuesta muy clara,unos dicen que si, otros que no :S otros que el length es virtual, la verdad es que no encontre algo que me convenciera al 100%

Pero bueno en el caso de que si ocupe memoria, creo que el código pudirera mejorarse dado que si estaría reservando 1000x1300x1330 espacios en memoria y estos podrian pasar a ser elementos del arreglo y no índices y tendrías un array de escasos 35 elementos, por otra parte en caso de que no, pues no habría por que preocuparse jejejeje y en el segundo caso al ser índices asociativos pues no habria problema en el peor de los casos se ocuparían 1001 elementos y los demás estarían referenciados.

Saludos.

[gmurop]

Muy bueno, por cierto yo tengo que hacer algo parecido, tres selects dependientes pero con datos de tres tablas de mysql.

Como lleno esos datos de javascript con consultas de mysql?

Tengo que abrir un nuevo tema?

[abimaelrc]

Bueno según lo que leí
http://stackoverflow.com/questions/1...t-in-this-case
http://stackoverflow.com/questions/1...ascript-object
http://andrewdupont.net/2006/05/18/j...dered-harmful/
http://stackoverflow.com/questions/4...n-and-deletion

Y siguen, indica que no es preocupante. Alguien con más experiencia te podría indicar.

[zerokilled]

buenas...

de lo que recuerdo haber leido... los arrays -al igual que los objetos- son datos compuesto. lo que significa que la cantidad de memoria que ocupa es variable segun la cantidad y tipos de datos. en el siguiente ejemplo, es de mi opinion que ambos arrays ocupan casi lo mismo. tambien depende mucho del algoritmo interno del interprete al ocupar memoria, o sea el mecanismo del garbage collector.

Código:

foo = new Array(10);
bar = new Array(10000);

en el ejemplo anterior todos los elementos carecen de valor (undefined). undefined es un valor interno fijo -que supongo yo- no ocupa memoria o en el caso de ocupar seguramente seria una cantidad de bits bien reducido.

[gmurop]

Iniciado por abimaelrc

Bueno según lo que leí
[url]http://stackoverflow.com/questions/1460427/does-the-array-size-matter-in-javascript-in-this-case[/url]
[url]http://stackoverflow.com/questions/1247116/which-takes-less-memory-a-javascript-array-or-javascript-object[/url]
[url]http://andrewdupont.net/2006/05/18/javascript-associative-arrays-considered-harmful/[/url]
[url]http://stackoverflow.com/questions/4567002/javascript-array-random-index-insertion-and-deletion[/url]

Y siguen, indica que no es preocupante. Alguien con más experiencia te podría indicar.

Gracias. Voy a seguir los links que me dejaste cuando me disponga a hacer esa parte. Saludos.

[goteen_mx]

Pues si al parecer los arreglos se tratan de diferente forma en js, y apenas lo voy sabiendo :S, creo que tendré que cambiar mis códigos pq manejo muchos arreglos y arreglos de objetos pero segun yo para optimizar los guargaba como elementos e implementaba métodos de búsqueda y ordenamiento por ser índices muy grandes auch.

Gracias y Saludos