JS生成随机唯一的ID

断下句号

已于 2022-06-22 16:06:32 修改

阅读量1.7k

点赞数 1

文章标签： javascript

于 2022-04-08 15:28:38 首次发布

本文链接：https://blog.csdn.net/qq_43638408/article/details/124042452

版权

本文介绍了在JavaScript中生成随机且唯一的ID的方法，包括两种实现方式，并探讨了其在React列表等应用场景中的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

生成随机唯一的ID

🍋 简介

当工作中需要使用唯一的ID，而后端又没有提供数据时，前端可以自己生成数据来进行测试。

🍀 代码

第一种

Math.random().toString(36).slice(2);
// output: w3zhqqk8hs

第二种

Date.now().toString(36);
// output: l4pb087z

🎄 应用场景

如：react列表

import React from 'react';

function App() {
  return (
    <div>
      {
        new Array(50).fill('').map((v, i) => {
          return <div key={Math.random().toString(36).slice(2)}>
            {i}
          </div>
        })
      }
    </div>
  );
}

export default App;