javascript - 通过具有未定义字段的数组进行映射

Question

我正在实现一个哈希表，其中显然有些字段未定义，因为它们尚未填充。

我还想显示哈希表的每个字段。但是，当我映射数组时，该函数仅返回未定义字段的 div，无法弄清楚如何强制映射函数为未定义字段显示 Empty。

现在看起来是这样的:

const displayTable = () => {
  return storage.map(item => {
    if (item == null) {
      return <div>undefined</div>
    }
    return (
      <div>
        <p>{item[0][0]}</p>
      </div>
    );
  });

存储为[未定义，未定义，未定义，Array[1]，未定义，Array[1]，未定义，未定义，未定义，Array[1]]

因此我最终只得到了三个渲染的 div。

Answer 1

在 Javascript 中，未定义 和未定义 不是同一件事，尽管尝试访问对象的未定义 属性会返回值未定义。考虑到 JS 也有 null，我认为这是 JS 最困惑的事情之一。

您可以通过在开始填充数组之前填充数组来解决您的问题:

storage.fill(null)

(请注意，storage.fill(undefined) 也可以工作!Javascript 不是很棒吗？:p)

当然，只有当数组具有静态的已知长度时，这才有效。如果长度是动态的，则必须执行以下操作:

const displayTable = () => {
  const rendered = [];
  for (let i = 0; i < storage.length; i++) {
    if (storage[i] == null) {
      rendered.push(<div>undefined</div>);
    } else {
      rendered.push(
        <div>
          <p>{storage[i][0][0]}</p>
        </div>
      );
    }
  }
  return rendered;
}