Cómo insertar tanto la clave como el valor en una matriz en Jquery


89

Estoy leyendo un feed RSS y presionando el título y el enlace en una matriz en Jquery .

Lo que hice es

var arr = [];

            $.getJSON("displayjson.php",function(data){
                $.each(data.news, function(i,news){
                    var title = news.title;
                    var link = news.link;
                    arr.push({title : link});
                });                      
            });

Y estoy leyendo esa matriz nuevamente usando

$('#show').click(function(){
                $.each(arr, function(index, value){
                    alert( index +' : '+value);
                });
            });

Pero me da salida como

1:[Object Object]
2:[Object Object]
3:[Object Object]

Me gusta esto ...

¿Cómo puedo obtener el mosaico y el enlace como un par ( título como clave y enlace como valor )?

Respuestas:


188

No hay claves en las matrices de JavaScript. Utilice objetos para ese propósito.

var obj = {};

$.getJSON("displayjson.php",function (data) {
    $.each(data.news, function (i, news) {
        obj[news.title] = news.link;
    });                      
});

// later:
$.each(obj, function (index, value) {
    alert( index + ' : ' + value );
});

En JavaScript, los objetos cumplen la función de matrices asociativas. Tenga en cuenta que los objetos no tienen un "orden de clasificación" definido cuando los itera (ver más abajo).

Sin embargo , en su caso, no me queda muy claro por qué transfiere datos del objeto original ( data.news). ¿Por qué no simplemente pasa una referencia a ese objeto?


Puede combinar objetos y matrices para lograr una iteración predecible y un comportamiento clave / valor:

var arr = [];

$.getJSON("displayjson.php",function (data) {
    $.each(data.news, function (i, news) {
        arr.push({
            title: news.title, 
            link:  news.link
        });
    });                      
});

// later:
$.each(arr, function (index, value) {
    alert( value.title + ' : ' + value.link );
});

30

Este codigo

var title = news.title;
var link = news.link;
arr.push({title : link});

no está haciendo lo que crees que hace. Lo que se envía es un nuevo objeto con un solo miembro llamado "título" y con linkel valor ... el titlevalor real no se utiliza. Para guardar un objeto con dos campos, debe hacer algo como

arr.push({title:title, link:link});

o con los avances recientes de Javascript, puede usar el acceso directo

arr.push({title, link}); // Note: comma "," and not colon ":"

Lo más parecido a una tupla de python sería

arr.push([title, link]);

Una vez que tenga sus objetos o matrices en la arrmatriz que puede obtener los valores ya sea como value.titley value.link, o, en el caso de la versión de gama empujado, como value[0], value[1].


18

Creo que necesitas definir un objeto y luego insertar una matriz

var obj = {};
obj[name] = val;
ary.push(obj);

17
arr[title] = link;

No está presionando en la matriz, está configurando el elemento con la clave titlepara el valor link. Como tal, su matriz debería ser un objeto.


2

Puede que te refieras a esto:

var unEnumeratedArray = [];
var wtfObject = {
                 key    : 'val', 
                 0      : (undefined = 'Look, I\'m defined'),
                 'new'  : 'keyword', 
                 '{!}'  : 'use bracket syntax',
                 '        ': '8 spaces'
                };

for(var key in wtfObject){
    unEnumeratedArray[key] = wtfObject[key];
}
console.log('HAS KEYS PER VALUE NOW:', unEnumeratedArray, unEnumeratedArray[0], 
             unEnumeratedArray.key, unEnumeratedArray['new'], 
             unEnumeratedArray['{!}'], unEnumeratedArray['        ']);

Puede establecer un enumerable para un objeto como: ({})[0] = 'txt';y puede establecer una clave para una matriz como:([])['myKey'] = 'myVal';

Espero que esto ayude :)

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.