1

我有一个希望在表格中可视化的 Javascript 数组示例。

这是数组：

    var dataTable = [
        {   First:    {In: "5 MB", Out: "6 MB"},
            Second:    {In: "5 MB", Out: "1 MB"},
            Other:  {In: "0.2 MB", Out: "2 MB"}
        }
    ];

在 React 中使用fixed-data-table，我希望将这些数据放入一个表中，其中 First、Second 和 Other 是行，而 IN/OUT 是列。

假设我希望用“in”值填充一个字段，然后用“Out”值填充。我是否将嵌套值引用为First[0].In并First[0].Out检索它并将其显示在特定单元格中？

4

1 回答 1

2

您的结构看起来像一个数组 ( dataTable)，其中包含一个元素，该元素是一个具有名为First、Second和的键的对象Other。

要访问 的In和Out属性First，您可以像这样引用它们：dataTable[0].First.In或dataTable[0].First.Out.

对于, Second, 您将遵循相同的模式：dataTable[0].Second.In等。

dataTable[0]或者，如果您要重复访问它的属性，为什么不将引用存储为变量呢？

var toShow = dataTable[0];
console.log(toShow.First.In);
console.log(toShow.Other.Out);

那应该给你一个大致的想法。您正在索引一个数组，然后使用对象的键来访问您想要的数据。

在我看来，dataTable如果它要包含一个具有固定键的对象，那么它根本不需要是一个数组；也许您希望它是一个对象数组，以便您可以分别索引每个对象？这取决于您，因为任何一种方式都可以。

于 2017-01-10T13:28:54.387 回答