Blog[nbsp] » Turoriales

Formas de acortar un condicional de varios elementos

marc — Fri, 28 May 2010 20:51:40 +0000

Estaba mirando stackoverflow cuando he encontrado la pregunta que da nombre a esta entrada, me ha encantando ver que tanta gente añade sus propuestas y hay tantas que no me he podido resistir las ganas de compartir esto con vosotros.
NOTA: Los créditos de toda la entrada se van a stackoverflow y a sus respectivos usuarios.

Imaginemos que tenemos un condicional largo como el siguiente:

if (value == 1 || value == 16 || value == -500 || value == 42.42 || value == 'something' ) { // blah blah blah }

Y queremos acortarlo para que nos sea más fácil de mantener y gestionar, bien, a continuación varias formas de tratar ese condicional de una forma un poco alternativa:

Primera opción (no compatible con IE)

var a = [1, 16, -500, 42.42, 'something']; var value = true; if (a.indexOf(testVar) > -1){ // blah blah blah }

Lo que hace es utilizar la función indexOf de Array, la cual nos retorna la posición del elemento que estemos buscando, si el array no contiene lo que buscamos devuelve -1. Podéis obtener más información del siguiente enlace: pulsa aquí.

Basicamente la mejora sería implementar un indexOf manualmente.
Object.prototype.in = function(){ for(var i = 0; i < arguments.length; i++){ if (this == arguments[i]) return true; } return false; }

if (value.in(1, 16, -500, 42.42, 'something')){ // blah blah blah }

Otra alternativa menos sofisticada, el mítico switch:

switch (value) { case 1 : case 16 : case -500 : case 42.42: case 'something' //código break; }

Basicamente es como el if pero a lo vertical.

Otra opción será creando un objeto, y luego accediendo directamente al indice del mismo:

var accept = { 1: true, 16: true, '-500': true, 42.42: true, something: true }; //mas corto cambiando el true por un 1 if (accept[value]) { // blah blah blah }

Sinceramente esta me parece una idea muy original, pero menos practica que las otras.

Pues listos, 3 métodos alternativos para comprobar si un array contiene un elemento dado.

… por cierto 3 no son tantas :P

Lo bueno de FireBug para Internet Explorer 6+

marc — Thu, 17 Sep 2009 18:10:28 +0000

Buxplorer es un pequeño bookmarklet (unas 700 líneas de chatarra) que te iniciará una barra inferior en tu Internet Explorer y que te permitirá recorrer el código HTML viendo los margenes y los paddings de cada elemento, de la misma forma que lo hace Firebug. Es un excelente complemento para la developer toolbar (que tan solo te bordea el elemento).

Hace más de un año que tengo esto pendiente de terminar, naturalmente es una beta que funciona con pinzas, pero funciona:

Blog[nbsp] » Turoriales

Formas de acortar un condicional de varios elementos

Lo bueno de FireBug para Internet Explorer 6+

Configurar VirtualHost para tener varios dominios con su directorio cada uno en Apache

Cómo crear un archivo vacío en Windows y Linux/BSD

Mis datos son mios, y mi navegación tambien, ¿ok?

Distancia entre dos puntos en AS2

MI PUNTO DE VISTA: Fórmulas – Por Rolf Ruiz

Fast getElementById

appendChild, frames y Internet Explorer

Creador de Paletas de colores en JavaScript

Palabras reservadas

Utilizar un dominio con blogger

Encapsular código en javascript

$PHP_SELF ¡Peligro a la vista!

Acentos, codificación y expresiones regulares