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

Question

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

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

有一些限制吗？拥有长密钥值会对性能产生什么影响？

背景.有时候我们需要创建很长的项目列表(比如编码了很多参数的url),只有合适的/唯一的东西才能用作自然键才是这么长的事情.

Answer 1

用于密钥的字符串长度不应影响性能.

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