JavaScript如何在将被推入数组的对象上创建唯一的ID

Question

我想将一个对象推入数组，然后将每个对象都具有自己的唯一ID。目前，我能够将该对象推入数组，但要使“每个孩子”中的每个孩子都具有唯一的“密钥” prop”。错误。当我安装阵列时，我确实看到每个对象都有相同的键。

我设置了一些代码来生成唯一的ID，但似乎不起作用。

这是我正在调用的数据对象：

let id = Math.random().toString(16).slice(2);

export const data = {
    key: id,
    asylumOffice: 'AyS',
    citizenship: 'h',
    raceOrEthnicity: 'other',
    caseOutcome: 'pending',
    completion: 'n',
    currentDate: 'f',
  };

以及我在调用它并生成随机数量的代码：

let dataArray = [];
let randomNum = Math.floor(Math.random() * 10);
for (let i = 0; i < randomNum; i++) {
  dataArray.push(data);
} 

我知道for循环正在推动数据的相同实例，这就是为什么它们都具有相同的ID，但是我不喜欢知道如何做到这一点，以便每个人都有自己的。有什么建议吗？

Answer 1

简单呼叫Math.floor（Math.random（） * 10）在每个推送语法上

// changed let to const cause it's not re-assigned
const dataArray = [];
for (let i = 0; i < randomNum; i++) {
  // this copies the original data and overwrite key to a new randomly
  // generated key
  dataArray.push({ ...data, key: Math.floor(Math.random() * 10) });
}

Answer 2

如果要生成真正独特的ID，则应使用UUID。

这是NPM软件包。它很容易设置和使用。

Answer 3

从

选择钥匙的最佳方法是使用唯一标识其兄弟姐妹中列表项目的字符串。

因此，密钥不需要随机：它们只需要在兄弟姐妹中是唯一的。因此，将普通整数用于固定密钥是可以的：

const count = Math.floor(Math.random() * 10);

const dataArray = [...new Array(count).keys()].map(key => ({...data, key}));

Answer 4

如果您不介意将随机数碰撞的机会在IDS上发生碰撞，则只需在构建数组时将新的随机ID传播到对象中。我可能会这样做：

const randomCopies = (data) => [...Array (Math .floor (Math .random () * 10))] .map(() => ({
  id: Math .random() .toString(16) .slice (2), 
  ... data
}))

const data = {asylumOffice: 'AyS',  citizenship: 'h',  raceOrEthnicity: 'other',  caseOutcome: 'pending', completion: 'n', currentDate: 'f'}

console .log (randomCopies (data))

.as-console-wrapper {max-height: 100% !important; top: 0}

但是，如果这只是为了避免碰撞，那么顺序数字将更加干净，您可以做到这一点：

const seqNumber = ((n) => () => ++n) (0)

const randomCopies = (data) => [...Array (Math .floor (Math .random () * 10))] .map(() => ({
  id: seqNumber(), 
  ... data
}))

const data = {asylumOffice: 'AyS',  citizenship: 'h',  raceOrEthnicity: 'other',  caseOutcome: 'pending', completion: 'n', currentDate: 'f'}

console .log (randomCopies (data))

.as-console-wrapper {max-height: 100% !important; top: 0}

无论哪种情况，这都会选择从0到9的随机数量副本。如果要从1到10，则需要将1添加到Math.floor 致电。