如何在Jquery中将键和值都推入数组


88

我正在阅读RSS feed,并将Title和Link都推入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]

像这样 ...

我如何才能同时获得图块链接对(标题作为键,链接作为值

Answers:


183

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.titlevalue.link,或在的推数组版本的情况下,如value[0]value[1]


17
arr[title] = link;

您不是要送到数组中,而是要使用键将元素设置title为value 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['        ']);

您可以为Object设置一个枚举,例如:({})[0] = 'txt';,也可以为Array设置一个键,例如:([])['myKey'] = 'myVal';

希望这可以帮助 :)

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.