在 JavaScript 中，要在数组开头插入一个包含多个元素的子数组，可以使用以下几种方法：

方法1：使用 unshift() 配合扩展运算符

unshift() 可以接收多个参数，通过扩展运算符可以将子数组的元素展开为多个参数：

let mainArray = [1, 2, 3];
let subArray = [4, 5, 6];// 将子数组元素展开后添加到主数组开头
mainArray.unshift(...subArray);console.log(mainArray); // 输出: [4, 5, 6, 1, 2, 3]

方法2：使用扩展运算符创建新数组（不修改原数组）

如果希望保持原数组不变，可以创建一个新数组：

const mainArray = [1, 2, 3];
const subArray = [4, 5, 6];// 新数组 = 子数组 + 原数组
const newArray = [...subArray, ...mainArray];console.log(newArray); // 输出: [4, 5, 6, 1, 2, 3]
console.log(mainArray); // 原数组不变: [1, 2, 3]

方法3：使用 concat() 方法

concat() 会返回一个新数组，可将子数组与原数组合并（子数组在前）：

const mainArray = [1, 2, 3];
const subArray = [4, 5, 6];const newArray = subArray.concat(mainArray);console.log(newArray); // 输出: [4, 5, 6, 1, 2, 3]

这三种方法都能实现将子数组的所有元素插入到主数组开头，区别在于是否修改原数组以及语法风格。根据是否需要保留原数组来选择合适的方法即可。