我正在尝试创建一个数据结构来在React中保存一个动态表。目前，我将数据保存为
[
{item00: "data 0", item01: "data 1", item02: "data 2"},
{item10: "data 3", item11: "data 4", item12: "data 5"},
{item20: "data 6", item21: "data 7", item22: "data 8"}
]
并添加新行将意味着附加一个
{item30: "data 9", item31: "data 10", item32: "data 11"}
并添加新列将意味着在每一行的末尾插入
item03，item13，item23和item33。我的问题是，是否可以使用更好的数据结构？我在提出一些使插入新列变得容易的方法时遇到了麻烦。
另外，我如何保留要添加/删除的列的计数器？我敢肯定有特定的方法可以做到这一点，但是我很难找到合适的搜索词。
最佳答案
你可以考虑一下
将Array中的每个元素排成一行。
例：
[{}, {}, {}, {}] //each {} is a row
将
Object中的每个元素都列为一列，例：
[
{name: "xyz", age: "21", location: "india"}, //this will be a row
//name, age, location will be columns
]
可以在
Array内添加相同或更多列的新行。例：
原始数据
var t = [
{name：“ xyz”，age：“ 21”，location：“ india”}，
]
添加新数据
t.push({name: 'abc', age: '44', location: 'india', phone: 56654345})
渲染表将
Name Age Location Phone
--------------------------------------
xyz | 21 | india |
abc | 44 | india | 56654345
希望这可以帮助！
关于javascript - 表数据结构设计，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40815071/