在 JavaScript 中，可以使用对象和数组解构语法来自动解析数组或对象中的值。

数组解构

对于数组，可以使用方括号（[]）和变量名来进行解构。例如：

const arr = [1, 2, 3];
const [a, b, c] = arr;

console.log(a); // 输出1
console.log(b); // 输出2
console.log(c); // 输出3

在上面的例子中，[a, b, c] = arr 表示将数组 arr 中的前三个元素依次赋值给变量 a、b 和 c。

在解构时，还可以使用默认值和剩余操作符（...）来进行处理。例如：

const arr = [1, 2];
const [a = 0, b = 0, ...rest] = arr;

console.log(a); // 输出1
console.log(b); // 输出2
console.log(rest); // 输出[]

在上面的例子中，a 和 b 都有默认值，如果对应的元素不存在，则会使用默认值。剩余操作符 ...rest 表示将剩余的元素都存储到 rest 变量中。

对象解构

对于对象，可以使用花括号（{}）和变量名来进行解构。例如：

const obj = { name: 'Tom', age: 18 };
const { name, age } = obj;

console.log(name); // 输出'Tom'
console.log(age); // 输出18

在上面的例子中，{ name, age } = obj 表示将对象 obj 中的属性 name 和 age 分别赋值给变量 name 和 age。

同样的，对象解构也支持默认值和剩余操作符。例如：

const obj = { name: 'Tom' };
const { name, age = 18, ...rest } = obj;

console.log(name); // 输出'Tom'
console.log(age); // 输出18
console.log(rest); // 输出{}

在上面的例子中，age 有默认值，如果 obj 中没有对应的属性，则会使用默认值。剩余操作符 ...rest 表示将剩余的属性都存储到 rest 变量中。

使用解构语法可以很方便地自动解析数组或对象中的值，使代码更加简洁易读。