Как вставить ключ и значение в массив в JQuery


89

Я читаю 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]

как это ...

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

Ответы:


188

В массивах 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 );
});

30

Этот код

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 вместо этого будет

arr.push([title, link]);

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



17
arr[title] = link;

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


2

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

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';

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.