[SOLUCIONADO] Añadir métodos a una clase no enumerables.

[Pantaláimon]

Buenas,

Tengo el siguiente problema añadiendo nuevos métodos a una clase Javascript. Por ejemplo, defino estos dos métodos:

Código Javascript:

Array.prototype.equal = function( e )
{
    return !( this < e || e < this );
}
 
Array.prototype.findIndex = function( callback ) {
    for( i in this )
        if( callback(i,this[i],this) )
            return i;
    return -1;
}
 

Y los aplico:

Código Javascript:

console.log( [3,4].equal([3,4]) );
console.log( [[6,3],[1,2]].findIndex( function(e){ return e.equal([1,2]) }) );
 

Y me manda el siguiente error:

Código Javascript:

true test.js:85
Uncaught TypeError: Object 0 has no method 'equal'
 

No sé a que se refiere al objeto 0. Así que debugueo un poco:

Código Javascript:

Array.prototype.findIndex = function( callback ) {
    for( i in this )
        console.log( i );
        /*if( callback(i,this[i],this) )
            return i;
    return -1;*/
}
 

Y veo que me enumera tanto los indices 0,1 como los nuevos métodos definidos equal y findIndex:

Código Javascript:

true test.js:85
0 test.js:16
1 test.js:16
equal test.js:16
findIndex test.js:16
undefined
 

He mirado a que se debe y he encontrado que existe un método Object.defineProperty que por un lado evitaría que recorriera las nuevas propiedades equal y findIndex , poniendo el valor de "enumerable" a false. Sin embargo, se describe Object.defineProperty como modificador de un objeto/instancia y no de una clase. A mi me gustaría añadir un método no enumerable en una clase.

¿Hay alguna manera de hacerlo? ¿El error "Uncaught TypeError: Object 0 has no method 'equal' " tiene algo que ver con que al recorrer el array se recorren también dichos nuevos métodos definidos?

Un saludo y gracias!

[marlanga]

El problema que tienes es una tontería.
Estás llamando a callback con los argumentos en un orden que no vas a poder usar tal y como has definido la función que mandas como callback en el último console.log. Mandas "i" al callback, que es un "string" que corresponde a un entero) cuando lo que se espera es un Array.

Para usarlo como quieres, pon:
callback(this[i],this,i) dentro del prototipo findIndex de array.

Por cierto, bonita forma de comparar arrays de tipos primitivos xd. Pero no funcionará bien cuando el array contenga objetos.

[Pantaláimon]

Gracias, menudo fallo más tonto he tenido.

De todas maneras el tema de no querer enumerar los nuevos métodos del array sigue vigente. Pues si quisiera hacer algo como:

Código Javascript:

var array = [[6,3],[1,2]];
for( var i in array ) 
    console.log( array[i].equal([1,2]) );
 

Me devuelve:

Código Javascript:

false test.js:87
true test.js:87
Uncaught TypeError: Object function ( e )
{
    return !( this < e || e < this );
} has no method 'equal'
 

Vaya, que el array recorre [6,3], [1,2], equal y findIndex. Cuando sólo quiero que recorra los dos primeros. Investigaré un poco más a ver, pero Object.defineProperty he visto que es para objetos/intancias y no para clases.

Iniciado por marlanga

Por cierto, bonita forma de comparar arrays de tipos primitivos xd. Pero no funcionará bien cuando el array contenga objetos.

Dejo como pendiente lo de generalizarlo. De momento sólo lo he creado para que funcione en el caso que me interesa. Si javascript pudiera sobrecargar definiciones de operadores como a la C++ ya sería genial.

[marlanga]

Sí puedes usar defineProperty para declarar métodos.

Código Javascript:

Object.defineProperty(Array.prototype, "equal", {
    value: function(e)
    {
        return !( this < e || e < this );
    },
    enumerable: false
});
 
var array = [[6,3],[1,2]];
for( var i in array ) 
    console.log( array[i].equal([1,2]) );
 

Javascript no permite sobrecarga, pero hay formas de emularla mediante el número de argumentos y su tipo.

[HackmanC]

Hola,

Posiblemente, otra forma de hacerlo:

Iniciado por Pantaláimon

Código Javascript:

for( var i in array )
 

Código Javascript:

for( i = 0; i < array.length; i++ )
 

Saludos,

[Pantaláimon]

Gracias marlanga.

Tengo que mirar de encajar las piezas sueltas de los conocimientos prototype, pues por un lado sé que sirve para aplicar herencia con javascript. Por otro lado, puedo definir métodos de clase con este, y ahora veo que puede introducirse también como parámetro del método defineProperty, pero aún no he mirado documentación referente a prototype en general.

[QUOTE="HackmanC" ]Posiblemente, otra forma de hacerlo:[/QUOTE]
Posiblemente, no. ¡Claramente! Aquí dejo otras por si te interesa:


[HIGHLIGHT="Javascript"]for( i = 0; i < array.length; ++i )
[/HIGHLIGHT]

Código Javascript:

var i = 0;
while( i < array.length ) {
     ...
     i++;
}
 

Código Javascript:

var i = 0;
while( i < array.length ) {
     ...
     ++i;
}
 

[marlanga]

Te has olvidado de

Código Javascript:

var n=array.length;
while (n--)
{
    console.log(array[n]);
}
 

Se me ha caído un mito.

[Pantaláimon]

Iniciado por marlanga

Se me ha caído un mito.

Lo siento! No sabía que en Javascript podían hacer bucles descendientes. Hubiera optado directamente por la recursión:

Código Javascript:

var array = [1,2,3,4,5];
(function f(array,n){
    if( n > 0 ) {
        console.log( array[n-1] );
        f(array,n-1);
    }
})( array, array.length );
 

[HackmanC]

Hola,

Iniciado por Pantaláimon

Posiblemente, no. ¡Claramente! Aquí dejo otras por si te interesa:

Seguramente hay muchas.

Me refería a que para usar arreglos se usa siempre for(;;), el for(in) se usa para objetos.

Saludos,

[Pantaláimon]

Array es un objeto HackmanC. Por eso tanto funciona for(in) como for(;;). De hecho, aunque no pondría la mano en el fuego, porque hace poco que estoy estudiando Javascript, estoy bastante seguro que, excepto los tipos undefined, null, boolean, number y string, lo demás son objetos.

Un saludo.

[HackmanC]

Hola,

Iniciado por Pantaláimon

Array es un objeto HackmanC. Por eso tanto funciona for(in) como for(;;). ...

Exactamente, veamos, el punto es el siguiente, el Array es un objeto, pero en ese caso, que necesitas solamente los valores del Array y no todas sus propiedades y métodos, como es la mayoría de los casos en los cuales recorres un Array, se usa el for(;;).

Eso no significa que el Array deje de ser un Objeto, ni que el for(in) no funcione realizando su actividad correctamente; simplemente que además de devolver los valores que contiene el Array, también te va a devolver sus propiedades y métodos.

Es por eso que en la mayoría de la documentación se refiere a que cuando necesitas recorrer un Array debes usar sus indices numéricos, es decir, con for(;;) simplemente.

Saludos,

[CHuLoSoY]

Iniciado por Pantaláimon

[...] estoy bastante seguro que, excepto los tipos undefined, null, boolean, number y string, lo demás son objetos.

String también es un objeto! xD

Código Javascript:

var string = new String();
string = "abcdefg";
string.replace("d", "h");