Jqueryでキーと値の両方を配列にプッシュする方法


88

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]

このような ...

両方を入手する方法 タイルリンクのペアとして(タイトルとしてキー、リンクとして値

回答:


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値は使用されません。2つのフィールドを持つオブジェクトを保存するには、次のようにする必要があります

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を持つ要素を値に設定します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';

お役に立てれば :)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.