如何在Array中创建对象并推送到object-javascript？

Question

var TableData = [{
        str: "",
        val: "",
    }];

    TableData[0].str = "11";
    TableData[0].val = "22";

    TableData[1].str = "11";
    TableData[1].val = "22";

    console.log(TableData[0])

    // i need this output {str : "11", val : "22" }

但我在控制台中有此消息：

未捕获的TypeError：无法读取未定义的属性'atr'

Answer 1

您会收到Uncaught TypeError ，将undefined视为对象。 与作为对象的 TableData[0]相比， TableData[1]是undefined的。 在设置属性之前，需要将第二个元素设置为一个对象：

TableData[1] = {};
TableData[1].str = "11";
TableData[1].val = "22";

话虽如此，您也可以使用Array.prototype.push和对象文字：

TableData.push({
   str: "11"
   ...
})

Answer 2

您收到错误，因为数组索引1中没有任何内容。 在分配str和val之前，将空对象放在索引上：

 var TableData = []; TableData[0] = {}; TableData[0].str = "11"; TableData[0].val = "22"; TableData[1] = {}; TableData[1].str = "11"; TableData[1].val = "22"; console.log(TableData[0]) 

Answer 3

试试这个

var TableData = [{
        str: "",
        val: "",
    }];

    TableData[0].str = "11";
    TableData[0].val = "22";


    console.log(TableData[0])

当您尝试为数组的索引1元素分配某些内容时发生错误，该错误不存在