Вложенный JSON: как добавить (push) новые предметы к объекту?

Я только начинаю с массивов, объектов и JSON - так что, надеюсь, там просто что-то простое, я здесь не замечаю. Я сталкиваюсь с ошибкой при попытке добавить (push) новый элемент в свой json-объект.

Я встречаю следующую ошибку: Result of expression 'library.push' [undefined] is not a function (в нижней части моего фрагмента кода).

// This is my JSON object generated from a database
var library = {
    "Gold Rush" : {
        "foregrounds" : ["Slide 1","Slide 2","Slide 3"],
        "backgrounds" : ["1.jpg","","2.jpg"]
    },
    "California" : {
        "foregrounds" : ["Slide 1","Slide 2","Slide 3"],
        "backgrounds" : ["3.jpg","4.jpg","5.jpg"]
    }
}

// These will be dynamically generated vars from editor
var title = "Gold Rush";
var foregrounds = ["Howdy","Slide 2"];
var backgrounds = ["1.jpg",""];

function save () {

    // If title already exists, modify item
    if (library[title]) {
        // Replace values with new
        library[title].foregrounds = foregrounds;
        library[title].backgrounds = backgrounds;

        // Save to Database. Then on callback...
        document.write('Changes Saved to <b>'+title+'</b>');

    // If title does not exist, add new item
    else {
        // Format it for the JSON object
        var item = ('"'+title+'" : {"foregrounds" : '+foregrounds+',"backgrounds" : '+backgrounds+'}');


        // THE PROBLEM SEEMS TO BE HERE??
        // Error: "Result of expression 'library.push' [undefined] is not a function"
        library.push(item);


        // Save to Database. Then on callback...
        document.write('Added: <b>'+title+'</b>');
    }
}

save();

Ответ 1

library - это объект, а не массив. Вы нажимаете на массивы. В отличие от PHP, Javascript делает различие.

Ваш код пытается создать строку, которая выглядит как исходный код пары ключ-значение, а затем "нажимает" ее на объект. Это даже не близко к тому, как это работает.

Что вы хотите сделать, так это добавить новую пару ключ-значение в объект, где ключ - это заголовок, а значение - другой объект. Это выглядит так:

library[title] = {"foregrounds" : foregrounds, "backgrounds" : backgrounds};

"Объект JSON" - неопределенный термин. Вы должны быть осторожны, чтобы различать фактический объект в памяти в вашей программе и фрагмент текста, который находится в формате JSON.

Ответ 2

Если ваш JSON без ключа, вы можете сделать это следующим образом:

library[library.length] = {"foregrounds" : foregrounds,"backgrounds" : backgrounds};

Итак, попробуйте следующее:

var library = {[{
    "title"       : "Gold Rush",
        "foregrounds" : ["Slide 1","Slide 2","Slide 3"],
        "backgrounds" : ["1.jpg","","2.jpg"]
    }, {
    "title"       : California",
        "foregrounds" : ["Slide 1","Slide 2","Slide 3"],
        "backgrounds" : ["3.jpg","4.jpg","5.jpg"]
    }]
}

Тогда:

library[library.length] = {"title" : "Gold Rush", "foregrounds" : ["Howdy","Slide 2"], "backgrounds" : ["1.jpg",""]};

Ответ 3

push - это метод Array, для объекта json вам может понадобиться определить его

это должно сделать это:

library[title] = {"foregrounds" : foregrounds,"backgrounds" : backgrounds};