Как вставить ключ и значение в массив в Jquery - PullRequest
74 голосов
/ 28 января 2011

Я читаю RSS-канал и помещаю заголовок и ссылку в массив в Jquery .

Что я сделал, это

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

И я снова читаю этот массив, используя

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

Но он дает мне Вывод как

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

вот так ...

Как я могу получить как плитка и ссылку в виде пары ( заголовок в качестве ключа и ссылку в качестве значения )

Ответы [ 5 ]

154 голосов
/ 28 января 2011

В массивах JavaScript нет ключей. Используйте объекты для этой цели.

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

В JavaScript объекты выполняют роль ассоциативных массивов. Помните, что объекты не имеют определенного «порядка сортировки» при их итерации (см. Ниже).

Однако , в вашем случае мне не очень понятно, зачем вы вообще переносите данные из исходного объекта (data.news). Почему вы просто не передаете ссылку на этот объект вокруг?


Вы можете комбинировать объекты и массивы для достижения предсказуемой итерации и поведение ключ / значение:

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 );
});
26 голосов
/ 28 января 2011

Этот код

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

не делает то, что вы думаете, он делает.То, что выдвигается, это новый объект с единственным членом с именем "title" и значением link ... фактическое значение title не используется.Чтобы сохранить объект с двумя полями, вы должны сделать что-то вроде

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

или с последними достижениями Javascript вы можете использовать ярлык

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

Вместо этого кортеж Python будет ближе всегоbe

arr.push([title, link]);

Если у вас есть объекты или массивы в массиве arr, вы можете получить значения либо как value.title и value.link, либо, в случае версии с заданным массивом, как value[0], value[1].

16 голосов
/ 29 октября 2015

Я думаю, вам нужно определить объект, а затем вставить в массив

var obj = {};
obj[name] = val;
ary.push(obj);
12 голосов
/ 28 января 2011
arr[title] = link;

Вы не вставляете в массив, вы устанавливаете элемент с ключом title в значение link.Таким образом, ваш массив должен быть объектом.

2 голосов
/ 05 октября 2013

Вы могли бы иметь в виду это:

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

Вы можете установить перечисляемое для объекта, например: ({})[0] = 'txt';, и вы можете установить ключ для массива, например: ([])['myKey'] = 'myVal';

Надеюсь, это поможет:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...