javascript - 响应长键值对组件的性能影响

Question

字符串的长度如何应用于从某些数据集创建的某些组件集合，如下所示:

{this.state.list.map(item => {
  const url = item.url;
  return (
    <ListItemComponent url={url} key={url}/>
  );
})}

有什么限制吗？具有长键值对性能有何影响？

背景。有时我们需要创建很长的项目列表(例如带有大量参数编码的 url)，并且只有合适/唯一的东西才能用作自然键是这个很长的东西。

Answer 1

您用于 key 的字符串的长度不应影响性能。

Javascript 中的字符串是不可变的，另外现代 Javascript 引擎使用字符串实习，这意味着当您的解释器正在检查是否 '/some/url/=== '/some/other/url'不需要在O(n)线性时间内遍历数组中的每一个字符，可以简单的检查两个值是否相同。

有关更多上下文，请参阅此答案:Do common JavaScript implementations use string interning?