javascript - 表数据结构设计

Question

我正在尝试创建一个数据结构来保存 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每行。

我的问题是，我可以使用更好的数据结构吗？我在想出可以轻松插入新列的方法时遇到了麻烦。

此外，我将如何保留我正在添加/删除的列的计数器？我确信有特定的方法可以做到这一点，但我在想出合适的搜索词时遇到了麻烦..

Answer 1

你可以考虑这个，

将 Array 中的每个元素排成一行。

例子:

[{}, {}, {}, {}] //each {} is a row

将 Object 中的每个元素作为一列，

示例:

[
  {name: "xyz", age: "21", location: "india"}, //this will be a row
  //name, age, location will be columns
]

新行可以附加到 Array 中，具有相同或额外的列。

例子:

原始数据

变量 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

希望这对您有所帮助!