Jquery의 배열에 키와 값을 모두 푸시하는 방법


88

RSS 피드를 읽고 Title과 Link를 Jquery 의 Array에 넣습니다 .

내가 한 일은

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]

이렇게 ...

타일링크 를 쌍으로 얻는 방법 ( 제목을 키로, 링크를 값으로 )

답변:


188

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

파이썬 튜플에 가장 가까운 것은 대신

arr.push([title, link]);

당신이 당신의 객체 나 배열이 있으면 arr배열 당신은 하나의 값을 얻을 수 value.titlevalue.link같이 밀려 배열 버전의 경우, 또는 value[0], value[1].


17
arr[title] = link;

당신은하지 않을 밀어 당신은 키 요소를 설정하고, 배열에 titlelink. 따라서 배열은 객체 여야합니다.


17

객체를 정의한 다음 배열로 밀어 넣어야한다고 생각합니다.

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

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.