Javascript：为项目动态分配值

Question

Example: I have 3 colors and 21 numbers, and I have to dynamically create numbers and assign each number a different color.

I did it like this:

var colors = ["black", "white", "red"],
  nums = [],
  count = 1;

for (var i = 0; i < 7; i++) {
  for (var c in colors) {
    nums.push([{
      id: count,
      color: colors[c]
    }]);
    count++
  }
}

I would like to know if there is a way to achieve the same thing but without going through 2 loops? Thanks

Answer 1

You can accomplish the following using Math.random :

 var colors = ["black", "white", "red"]; var nums = []; for (var i = 0; i < 21; i++) { var randomIndex = Math.floor(Math.random() * colors.length); nums.push({ id: i + 1, colors: colors[randomIndex] }); } console.log(nums);