使用 for 循环创建具有唯一 ID 的每个对象

Question

所以我正在尝试生成一个包含多个对象的数组，其中一个对象带有另一个数组。 每个 object 都应该有自己唯一的 id，但是在使用 for 循环时，每个批次都有具有相同重复 id 的对象。 使用 i 变量甚至添加随机数值似乎都不起作用。 这甚至可以在 javascript 中实现吗？

测试.js

const testFunc = () => {
  let resultArray = []
  let testObj = {}
  let testArray = []

  const rn = () => {
    return ~~(Math.random() * 1000)
  }

  for (let i = 0; i < 3; i++) {
    testObj = { id: rn() }
    testArray.push(testObj)
    testObj = {}
  }

  for (let i = 0; i < 3; i++) {
    resultArray.push(testArray)
  }

  console.log(resultArray)
  return resultArray
}

预期结果：

[
  [
    { id: 859, text: 0 },
    { id: 232, text: 1 },
    { id: 240, text: 2 },
    { id: 638, text: 3 },
    { id: 393, text: 4 }
  ],
  [
    { id: 681, text: 0 },
    { id: 384, text: 1 },
    { id: 413, text: 2 },
    { id: 721, text: 3 },
    { id: 985, text: 4 }
  ],
  [
    { id: 348, text: 0 },
    { id: 911, text: 1 },
    { id: 255, text: 2 },
    { id: 816, text: 3 },
    { id: 797, text: 4 }
  ]
]

结果我得到：

[
  [
    { id: 859, text: 0 },
    { id: 232, text: 1 },
    { id: 240, text: 2 },
    { id: 638, text: 3 },
    { id: 393, text: 4 }
  ],
  [
    { id: 859, text: 0 },
    { id: 232, text: 1 },
    { id: 240, text: 2 },
    { id: 638, text: 3 },
    { id: 393, text: 4 }
  ],
  [
    { id: 859, text: 0 },
    { id: 232, text: 1 },
    { id: 240, text: 2 },
    { id: 638, text: 3 },
    { id: 393, text: 4 }
  ]
]

Answer 1

您将testArray三次推送到resultArray 。 而是在循环中生成testArray ，将其推送到resultArray ，然后添加项目：

 const testFunc = () => { const resultArray = [] const rn = () => { return ~~(Math.random() * 1000) } for (let i = 0; i < 3; i++) { const testArray = [] resultArray.push(testArray) for (let i = 0; i < 3; i++) { const testObj = { id: rn() } testArray.push(testObj) } } return resultArray } console.log(testFunc())

Answer 2

您只需要创建一个子数组。 线

let testArray = []

只运行一次，你会

resultArray.push(testArray)

3 次 - 所以在结果中， resultArray中的所有子数组都指向同一个testArray 。

而是显式创建一个新数组，并使用嵌套循环，以便总共有 3x3 次迭代：

 let resultArray = [] let testObj = {} const rn = () => { return ~~(Math.random() * 1000) } for (let i = 0; i < 3; i++) { const testArray = [] for (let i = 0; i < 3; i++) { const testObj = { id: rn() } testArray.push(testObj) } resultArray.push(testArray) } console.log(resultArray)