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

Question

我正在读取 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]

像这样...

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

- KillerFish

Answer 1

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

- Tomalak

Answer 2

这段代码

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

- 6502

---

感谢 @6502 - arr.push({[title]: link}); 很有用。 - KUSHAL AGRAWAL

Answer 3

我认为您需要定义一个对象，然后将其推入数组中。

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

- Jaydeep Patel

Answer 4

arr[title] = link;

你并没有往数组里推入元素，而是将键为title的元素设置为值为link。因此，你应该使用一个对象而不是数组。

- deceze

Answer 5

您可能是指这个：

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'; 希望能帮到您 :)

- Cody