如何在 Jquery 中将键和值推送到数组中

Question

我正在阅读 RSS feed 并将标题和链接推送到 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]

...

我如何同时获得tile和link 作为一对（标题作为键，链接作为值）

Answer 1

这段代码

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 ":"

如果您希望对象的键是变量 title 的内容，您可以使用

arr.push({[title]: link}); // Note that title has been wrapped in brackets

Answer 2

我认为你需要定义一个对象，然后推入数组

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

Answer 3

arr[title] = link;

您不是推入数组，而是将键title的元素设置为值link。因此你的数组应该是一个对象。

Answer 4

您的意思可能是这样的：

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

希望这有帮助:)

Answer 5

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