JavaScript 如何将数组元素解包为独立的变量

给定一个数组，任务是通过使用JavaScript的首选方法将数组的值解包为独立的变量。

我们可以通过以下方法将数组元素解包为独立的变量：

• 解构赋值
• 使用Array.slice()方法
• 使用展开运算符

方法1：解构赋值

• 将数组的元素存储到一个数组变量中。
• 现在使用ES6脚本声明一个变量，并将数组的值解包为独立的变量。

示例1： 这个示例使用let关键字声明一个变量，将数组的元素解包为独立的变量。

const arr = [1, 2, 3, 4];
function GFG_Fun() {
    let [a, b, c, d] = arr;
    console.log(a); 
    console.log(b); 
    console.log(c);
    console.log(d);
}
GFG_Fun();

输出

1
2
3
4

方法2：使用Array.slice()方法

JavaScript的 arr.slice() 方法返回一个新数组，其中包含实施该方法的数组的一部分。原始数组保持不变。

示例：

const array = [1, 2, 3, 4];
function GFG_Fun() {
    const a = array.slice(0, 1)[0];
    const b = array.slice(1, 2)[0];
    const c = array.slice(2, 3)[0];
    console.log(a); 
    console.log(b); 
    console.log(c);
}
GFG_Fun();

输出

1
2
3

方法3：使用扩展操作符

扩展操作符 允许一个可迭代对象在需要0个或更多个参数的地方被展开。它主要用于变量数组，在需要多个值的情况下使用。它允许我们从数组中获取参数列表。

示例：

const array = [1, 2, 3];
const [a, b, c] = [...array];
 
console.log(a); 
console.log(b); 
console.log(c);

输出

1
2
3