matrices multidimensionales de JavaScript

Question

Esta no era la pregunta que iba a hacer, pero inesperadamente he encallado con arreglos de JavaScript. Vengo de un fondo de PHP y después de mirar algunos sitios web no soy mucho más sabio.

Estoy tratando de crear una matriz multidimensional.

var photos = new Array; 
var a = 0; 
$("#photos img").each(function(i) { 
    photos[a]["url"] = this.src; 
    photos[a]["caption"] = this.alt; 
    photos[a]["background"] = this.css('background-color'); 
    a++; 
}); 

Mensaje de error: las fotos [a] no están definidas. ¿Cómo hago esto? Gracias.

Answer 1

JavaScript no tiene matrices multidimensionales, sino matrices de matrices, que se pueden utilizar de manera similar.

es posible que desee probar el siguiente:

var photos = []; 
var a = 0; 
$("#photos img").each(function(i) { 
    photos[a] = []; 
    photos[a]["url"] = this.src; 
    photos[a]["caption"] = this.alt; 
    photos[a]["background"] = this.css('background-color'); 
    a++; 
}); 

Tenga en cuenta que podría haber utilizado new Array() en lugar de [], pero este último se recomienda en general. También tenga en cuenta que faltaba el paréntesis de new Array() en la primera línea.

---

ACTUALIZACIÓN: Después de los comentarios a continuación, en el ejemplo anterior no había necesidad de utilizar matrices de matrices. Una matriz de objetos hubiera sido más apropiada. El código sigue siendo válida porque las matrices son objetos en este idioma, pero el siguiente habría sido mejor:

matrices

photos[a] = {}; 
photos[a]["url"] = this.src; 
photos[a]["caption"] = this.alt; 
photos[a]["background"] = this.css('background-color'); 

Answer 2

multidimensionales están en estas estructuras:

var photos = new Array(); 
photos[0] = new Array(); 

lo utilizan como:

photos[0][0] = this.src; 

más en JS array here.

Answer 3

Douglas Crockford, de JSLint, tendría que crear de esta manera ("Use la notación de matriz literal []"):

var photos = []; 

Ahora recuerde que usted desea crear matrices multidimensionales, lo que significa una matriz dentro de una matriz. Esto significa que necesita para crear los interiores-arrays:

$("#photos img").each(function(i) { 
    photos[a] = [] 
    //continue 

Answer 4

var photos = []; 
var imgs = document.getElementById("photos").getElementsByTagName("img"); 
for(var i=0;i<imgs.length;i++){ 
    photos.push({ 
     src:imgs[i].src, 
     alt:imgs[i].alt, 
     background:imgs[i].style.backgroundColor 
    }); 
} 

que debe darle algo que es más o menos equivalente a esto en PHP (que hice de seguridad de datos imaginarios):

Array(
    [0] => Array(
     "src" => "logo.png", 
     "alt" => "My Logo!", 
     "background" => "#ffffff" 
    ) 
) 

I ¡espero que esto ayude!

Answer 5

Usted está tratando de asignar algo a photos[a]["url"], photos[a]["caption"], etc., pero photos[a] no existe. photos es una matriz vacía al principio, por lo que primero tiene que establecer photos[a]. Dado que desea utilizar claves de secuencia ("url", "caption", etc.), este algo debe ser un objeto simple (el javascript equivalente a las matrices php associave) (o un Hash si su base de código lo permite).A continuación, puede utilizar una construcción literal de objeto para simplificar su función, y Array#push para deshacerse de lo innecesario a:

var photos = []; 
$("#photos img").each(function(img) { 
    photos.push({ 
     url: img.src, 
     caption: img.alt, 
     background: img.style.backgroundColor 
    }); 
}); 

Además, asegúrese de que this es en realidad el elemento img. Algunas implementaciones de each establecerán this en el objeto global en su caso.

edición: ok, parece que jQuery.each ajusta automáticamente this al elemento iterado, pero no lo envuelve en jQuery-bondad, así que hay que envolver bien this en $() o utilizar DOM normal (he usado este último en mi ejemplo).

edit2: de todos modos, usar this es un poco extraño ya que la función de devolución de llamada pasada a each recibe un argumento. Bien podría usar este argumento (renombrado).

Answer 6

Cuando leí este hilo, estaba tratando de comprender las matrices asociativas multidimensionales. No estaba claro, así que seguí investigando, esto es lo que se me ocurrió:

var images = new Array; 
images['logo'] = { 'src': 'http://example.com/image1.png', 'caption': 'this is the logo', 'background': '#000'}; 
images['background'] = { 'src': 'http://example.com/image2.png', 'caption': 'this is the background', 'background': '#FFF'}; 
alert(images['logo']['src']); /* output: http://example.com/image1.png */ 
alert(images['background']['caption']); /* output: this is the background */ 

Espero que esto ayude!