Jak umieścić klucz i wartość w tablicy w Jquery

89

Czytam kanał RSS i wypycham zarówno tytuł, jak i łącze do tablicy w Jquery .

To, co zrobiłem, to

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});
                });                      
            });

I czytam tę tablicę ponownie za pomocą

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

Ale to daje mi wyjście jako

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

lubię to ...

Jak mogę uzyskać zarówno kafelek, jak i link jako parę ( tytuł jako klucz i link jako wartość )

KillerFish
źródło

Odpowiedzi:

188

W tablicach JavaScript nie ma kluczy. Używaj obiektów do tego celu.

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 );
});

W JavaScript obiekty pełnią rolę tablic asocjacyjnych. Należy pamiętać, że obiekty nie mają zdefiniowanej „kolejności sortowania” podczas ich iteracji (patrz poniżej).

Jednak w twoim przypadku nie jest dla mnie jasne, dlaczego data.newsw ogóle przesyłasz dane z oryginalnego obiektu ( ). Dlaczego nie podajesz po prostu odniesienia do tego obiektu?


Możesz łączyć obiekty i tablice, aby osiągnąć przewidywalną iterację i zachowanie klucza / wartości:

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 );
});
Tomalak
źródło
30

Ten kod

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

nie robi tego, co myślisz, że robi. Wypychany jest nowy obiekt z pojedynczym elementem o nazwie „tytuł” ​​i linkktórego wartością jest… rzeczywista titlewartość nie jest używana. Aby zapisać obiekt z dwoma polami, musisz zrobić coś takiego

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

lub w przypadku ostatnich postępów w Javascript możesz użyć skrótu

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

Zamiast tego najbliższa krotka Pythona byłaby

arr.push([title, link]);

Gdy masz swoje obiekty lub tablice w arrtablicy można uzyskać wartości zarówno jak value.titlei value.linkczy w przypadku popychane wersji tablicy, jak value[0], value[1].

6502
źródło
17
arr[title] = link;

Nie wciskasz do tablicy, tylko ustawiasz element z kluczem titlena wartość link. Jako taka tablica powinna być obiektem.

zamrozić
źródło
17

Myślę, że musisz zdefiniować obiekt, a następnie wcisnąć tablicę

var obj = {};
obj[name] = val;
ary.push(obj);
Jaydeep Patel
źródło
2

Możesz to mieć na myśli:

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['        ']);

Możesz ustawić wyliczalne dla obiektu, takie jak: ({})[0] = 'txt';i możesz ustawić klucz dla tablicy, taki jak:([])['myKey'] = 'myVal';

Mam nadzieję że to pomoże :)

Cody
źródło