Tạo JSON từ jQuery mỗi vòng

Question

Tất cả các câu hỏi mà tôi đã đào tạo trong bảng không thực sự trả lời một câu hỏi mà tôi có. Vì vậy, tôi sẽ hỏi các chuyên gia ở đây. Trước hết, cảm ơn bạn rất nhiều vì đã đọc. Tôi thực sự đánh giá cao những gì Stackoverflow là tất cả về, hy vọng tôi có thể đóng góp bây giờ mà tôi là một thành viên.

Tôi muốn tạo động một đối tượng JSON dựa trên các biến được đặt từ một đối tượng JSON khác với một vòng lặp jQuery. Tôi nghĩ rằng cú pháp của tôi và có lẽ kiến ​​thức của tôi về công cụ này là một chút đi.

Tôi muốn kết thúc với cấu trúc JSON sau:

{ 
    desktop:{ 
    title:300, 
    rev:200 
    } 
} 

đâu "desktop" là một giá trị từ một đối tượng JSON không trong vòng lặp này, tôi có thể gọi đó là không có vấn đề, trên thực tế nó là thực sự là giá trị tên tôi đặt trên đối tượng JSON khác. Tôi đang lặp qua một mảng trong đối tượng được gọi là cột nhưng muốn đặt một đối tượng riêng có chứa tất cả các chiều rộng vì các cột có thể điều chỉnh và có thể truy cập được qua một khung khác mà tôi sẽ đẩy nó đến, tôi muốn giữ lại các chiều rộng đó.

Tôi đã cố gắng để làm điều này từ bên trong vòng lặp:

var colWidths = {}; 
$.each(columns, function(i) { 
    colWidths.desktop.title = columns[i].width; 
}); 

Tôi có thể cảnh báo cột [i] .width thành công. Vấn đề tôi có là tạo và truy cập vào vấn đề này. Tất cả mọi thứ tôi dường như đang làm có vẻ đúng nhưng đây không phải là trường hợp. Có thể là tôi hay thiết lập của tôi? Bạn có thể vui lòng chỉ cho tôi cách mã hóa chính xác không? HOẶC Tôi có thể tạo một đối tượng Javascript nếu điều này là không thể. Cảm ơn trước!

Answer 1

Chào mừng bạn đến với Stackoverflow. Bạn không viết bất kỳ thông báo lỗi nào bạn nhận được, vì vậy tôi giả định như sau.

// prepare the object correctly first 
var colWidths = { 
    desktop: { 
     title: 0 
    } 
}; 
// then ADDING each value with += instead of = 
// (because in your code you will just have the last value) 
$.each(columns, function(i) { 
    colWidths.desktop.title += columns[i].width; 
}); 

EDIT

var grid = { 
    "name": "desktop", 
    "columns": [ 
     { 
     "id": "icons", 
     "width": 50}, 
    { 
     "id": "title", 
     "width": 200}, 
    { 
     "id": "name", 
     "width": 300}, 
    { 
     "id": "revision", 
     "width": 400} 
    ] 
}; 

var columns = grid.columns; 
var gridName = grid.name; 

var colWidths = {}; 

// CHANGE HERE 
colWidths[gridName] = {}; 

$.each(columns, function(c) { 

    var col = columns[c]; 
    var colname = col.id; 
    var colwidth = col.width; 

    // CHANGE HERE 
    var thisGrid = colWidths[gridName]; 
    if(!thisGrid[colname]) thisGrid[colname] = 0; 

    thisGrid[colname] += colwidth; 

}); 

//alert(colWidths.desktop.title);​ 
document.write(JSON.stringify(colWidths)); 

// RESULT: 
// {"desktop":{"icons":50,"title":200,"name":300,"revision":400}}