推送拼接项 returns 嵌套数组

Question

我正在尝试将数组中的 3 个随机项推送到新数组中。我使用 splice() 来抓取一个项目并将其从旧数组中删除。当我 push() 这些项目时，我想将它们返回到一个数组中。

例如：

["b", "f", "a"]

这是我的代码：

const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let newletters = [];

for (let i = 0; i < 3; i++) {
    newletters.push(letters.splice(Math.floor(Math.random() * letters.length), 1));
}

console.log(newletters);

我好像是将拼接的项目作为数组推入新数组，有没有办法解决这个问题？

[
  [
    "b"
  ],
  [
    "f"
  ],
  [
    "a"
  ]
]

Answer 1

你可以spread ... the array from Array#splice.

或者用索引取第一个元素。

letters.splice(Math.floor(Math.random() * letters.length)[0]

const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let newletters = [];

for (let i = 0; i < 3; i++) {
    newletters.push(...letters.splice(Math.floor(Math.random() * letters.length), 1));
}

console.log(newletters);

Answer 2

const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let newletters = [];

for (let i = 0; i < 3; i++) {
    newletters.push(letters.splice(Math.floor(Math.random() * letters.length), 1));
}

console.log(newletters.flat());

Answer 3

在推送语句中使用 ... 运算符。

const letters = ['a', 'b', 'c', 'd', 'e'];
const newLetters = []
newLetters.push(...letters.splice(1, 2)) // Equal to newLetters.push('b', 'c')
console.log(newletters)

Answer 4

您可以改用函数 Array.prototype.concat。

const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'];
let newletters = [];

for (let i = 0; i < 3; i++) {
    newletters = newletters.concat(letters.splice(Math.floor(Math.random() * letters.length), 1));
}

console.log(newletters);

推送拼接项 returns 嵌套数组

Pushing spliced items returns nested array

javascript

arrays

push

splice