Question

I’m trying to write a function that adds a new “row” that has an optional “cell” to an object. Here is my code:

   var init = function() {
    var num = 0;
    var count = 0;

    var SC = {}

    var rowAdd = function() {
        num = num + 1
        var cellstate = false;

        var objCount = count + 1

        var rowObj = {
            number: num,
            cell: cellstate
        }

        return SC.rowObj;
    }

    var initialize = function() {
        rowAdd();
    }
initialize();
}
$(document).ready(function() {
    init();

    addRowBtn.click(function() {
        rowAdd();
    });

    addCellBtn.click(function() {
        SC.row1.cell = true;
    });
});

This approach rewrites the row everytime i call rowAdd(). In the end I want a single object SC to contain every row, and each row should have a cell property. How can I do this?

Answer 1

Try this. You can just use num for objCount too and no need for cellState variable.

var init = function() {
    var num = 0, SC = {}

    var rowAdd = function() {
        num = num + 1;
        SC["row" + num] = {
            number: num,
            cell: false
        }
        return SC;
    }
}