javascript - JSON:未捕获类型错误:无法设置未定义的属性 'values'

Question

我试图将页面上所有文本区域的值传递到 JSON 表。 由于某种原因，我收到“无法设置未定义错误的值”，我不明白，因为我的 Json 是之前定义的。

这是包含 2 个函数的代码。

function parseToJson() {
    var json = {};

    $("input.invoice_details").each(function () {
        json[this.id] = $(this).val();
    });

    $("select.invoice_details").each(function () {
        json[this.id] = $(this).val();
    });

    json.categories = {};

    $("textarea.invoice_categories").each(function () {
        if (this.value.trim() !== '') {
            json.categories[this.id].values = splitInput(this);
            json.categories[this.id].label = this.name;
        }
    });
    console.log(JSON.stringify(json));
    generatePreveiw(json);
}

function splitInput(textArea) {
    var input = textArea.value.trim();
    var lines = input.split("\n");
    var array = [];
    $.each(lines, function (indexLine, line) {
        var columns = line.split("\t");
        var obj = {};
        $.each(columns, function (indexColumn, column) {
            var columnName = columnsName.columnsName[indexColumn].name;
            obj[columnName] = column;
        });
        array.push(obj);
    });
    return array;
}

Answer 1

        json.categories[this.id].values = splitInput(this);
        json.categories[this.id].label = this.name;

应该是:

        json.categories[this.id] = {
            values: splitInput(this),
            label: this.name
        };

如果您没有先创建对象，则无法设置该对象的属性。您可以使用此对象字面量语法一步创建对象及其属性。