[SOLUCIONADO] Al recorrer el array no trae los datos duplicados

abimaelrc · #1 (**permalink**) 02/02/2012, 13:54

Saludos,

Cree este código

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
var n = 0;
/**
 * var arr[n++] = new Array('name', 'ip');
 */
var arr = new Array();
arr[n++] = new Array('Vega Baja MXK 1', 'xxx.xxx.xxx.xxx');
arr[n++] = new Array('Vega Baja Sur MXK 1', 'xxx.xxx.xxx.xxx');
 
function search(value){
    if(value == ""){
        document.getElementById('items').innerHTML = '';
        return false;
    }
 
    var nn = 0;
    var found = new Array();
    var str = '';
    var patt = new RegExp(value, "gi");
 
    for(var i = 0; i < arr.length; i++){
        if(patt.test(arr[i][0])){
            found[nn++] = arr[i];
        }
    }
 
    for(var i = 0; i < found.length; i++){
        str += '<a href="http://' + found[i][1] + '">' + found[i][0] + '</a><br />';
    }
 
    document.getElementById('items').innerHTML = str;
}
</script>
</head>
<body>
 
<form action="index.html" onsubmit="return false"><input type="text" name="s" onkeyup="search(this.value);" /></form>
 
<div id="items"></div>
 
</body>
</html>

Si escribo baja no me sale los dos, sin embargo añado esta linea document.getElementById('items').innerHTML += arr[i][0] + ' --- ' + patt.test(arr[i][0]) + '<br />';

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
var n = 0;
/**
 * var arr[n++] = new Array('name', 'ip');
 */
var arr = new Array();
arr[n++] = new Array('Vega Baja MXK 1', 'xxx.xxx.xxx.xxx');
arr[n++] = new Array('Vega Baja Sur MXK 1', 'xxx.xxx.xxx.xxx');
 
function search(value){
    if(value == ""){
        document.getElementById('items').innerHTML = '';
        return false;
    }
 
    var nn = 0;
    var found = new Array();
    var str = '';
    var patt = new RegExp(value, "gi");
 
    for(var i = 0; i < arr.length; i++){
        if(patt.test(arr[i][0])){
            document.getElementById('items').innerHTML += arr[i][0] + ' --- ' + patt.test(arr[i][0]) + '<br />';
            found[nn++] = arr[i];
        }
    }
 
    for(var i = 0; i < found.length; i++){
        str += '<a href="http://' + found[i][1] + '">' + found[i][0] + '</a><br />';
    }
 
    document.getElementById('items').innerHTML = str;
}
</script>
</head>
<body>
 
<form action="index.html" onsubmit="return false"><input type="text" name="s" onkeyup="search(this.value);" /></form>
 
<div id="items"></div>
 
</body>
</html>

Y aparece las dos opciones. ¿Podrían indicarme que me falta para lograr que salgan los dos datos si escribo baja? Porque colocar esa parte de código, o sea, document.getElementById('items').innerHTML += arr[i][0] + ' --- ' + patt.test(arr[i][0]) + '<br />'; no es algo que se ve bien en un código, a pesar de que muestra lo que necesito.

IsaBelM · #2 (**permalink**) 02/02/2012, 16:14

me pasó lo mismo hasta que se me ocurrió quitar el flag global

abimaelrc · #3 (**permalink**) 02/02/2012, 16:36

¿Te refieres a

Código Javascript:

Ver originalvar arr =...

Dejarlo como

Código Javascript:

Ver originalarr =...

?

IsaBelM · #4 (**permalink**) 02/02/2012, 16:43

no, a la expresión regular

Cita:

var patt = new RegExp(value, "i");

prueba, a ver que tal

zerokilled · #5 (**permalink**) 02/02/2012, 18:12

buenas, que tal gente!

un detalle interesante que desconocia. como ha indicado @isabelm, el error sucede porque la expresión regular es global. pero en realidad la situación se da por otro factor adicional. el método test es como exec en cuanto a comportamiento con la diferencia que uno devuelve un boolean y el otro un array. cuando una expresión es global, dichos métodos alteran la propiedad lastIndex el cual es un integer que indica en que posición del string fue la última comprobación que realizó la expresión. la segunda vez que se vuelve a invocar el método, en lugar comenzar desde el inicio del string, parte desde el índice. en todo caso, no tiene sentido realizar una busqueda global con el método test.

para que se entienda la situación... ¿que hubiera pasado si el string del segundo array hubiera sido "Vega Baja Bar & Grill" y la búsqueda es por la B? lo que sucede es que la primera vez que se hace un test de la expresion regular sobre el string "Vega Baja MXK 1", la expresión encuentra la primera "B", y cambia la propiedad lastIndex de la expresión (variable patt) al valor 6. luego, en el segundo string ("Vega Baja Bar & Grill") la búsqueda inicia desde el índice 6. desde ese punto en adelante se encuentra la próxima "B". por tanto, el resultado es que se muestran ambos enlaces.

cuando la expresión no es global, el índice siempre se mantiene en 0, de modo que la búsqueda siempre comienza desde el inicio del string. nótese que ese comportamiento sólo sucede con los métodos test y exec cuando la expresión es global -hasta donde tengo conocimiento.

abimaelrc · #6 (**permalink**) 02/02/2012, 21:10

Cita:

Iniciado por IsaBelM

no, a la expresión regular

prueba, a ver que tal

No te creo... Ah mira sí funciona, pues sí te creo

Muy interesante, como la expresión regular funciona en diferentes lenguajes, en PHP preg_match_all es la forma de usar global, pero no tiene ese problema de acordarse sobre en que indice trabajó con el dato anterior.

¡Gracias!

Edito: Ahora me hace sentido el hecho de que al hacer por segunda vez test, mostrara los datos, muy, pero muy bueno lo que haz dicho zero. Todavía no te creo porque no se me ocurrió a mí primero, pero muy bueno,