วิธีการส่งทั้งคีย์และค่าลงใน Array ใน Jquery


89

ฉันอ่านฟีด 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]

แบบนี้ ...

ฉันจะรับทั้งไทล์และลิงค์เป็นคู่ได้อย่างไร ( ชื่อเป็นคีย์และลิงก์เป็นค่า )

คำตอบ:


190

ไม่มีคีย์ในอาร์เรย์ 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 ":"

สิ่งที่ใกล้เคียงที่สุดกับ python tuple จะเป็นแทน

arr.push([title, link]);

เมื่อคุณมีวัตถุหรืออาร์เรย์ของคุณในarrอาร์เรย์คุณจะได้รับค่าไม่ว่าจะเป็นvalue.titleและvalue.linkหรือในกรณีของรุ่นอาร์เรย์ผลักดันให้เป็น,value[0]value[1]


19

ฉันคิดว่าคุณต้องกำหนดอ็อบเจกต์แล้วดันอาร์เรย์

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

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['        ']);

คุณสามารถตั้งค่าแจงนับสำหรับ Object เช่น: ({})[0] = 'txt';และคุณสามารถตั้งค่าคีย์สำหรับ Array เช่น:([])['myKey'] = 'myVal';

หวังว่านี่จะช่วยได้ :)

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.