web-dev-qa-db-ja.com

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

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

しかし、それは私を与える出力 as

1:[Object Object]
2:[Object Object]
3:[Object Object]

このような ...

タイルリンクをペアとして取得する方法(キーとしてのタイトルと値としてのリンク

74
KillerFish

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)からデータを転送する理由がまったくわかりません。 thatオブジェクトへの参照を単に渡さないのはなぜですか?


オブジェクトと配列を組み合わせて、予測可能な反復およびキー/値の動作を実現できます。

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

このコード

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.titleおよびvalue.linkとして、またはプッシュされた配列バージョンの場合はvalue[0]として、value[1]として取得できます。

26
6502

オブジェクトを定義してから配列にプッシュする必要があると思います

var obj = {};
obj[name] = val;
ary.Push(obj);
16
Jaydeep Patel
arr[title] = link;

あなたはpushingではなく、キーtitleを持つ要素を値linkに設定しています。そのため、配列はオブジェクトでなければなりません。

12
deceze

あなたはこれを意味するかもしれません:

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';のようなObjectの列挙型を設定でき、([])['myKey'] = 'myVal';のような配列のキーを設定できます

お役に立てれば :)

2
Cody