02-变量解构

Huxzhi小于 1 分钟react18

变量解构

解构数组

arr = ['孙悟空', '猪八戒', '沙和尚', '唐僧'];
const [a, b, ,c] = arr; // 可以跳过元素
const [a, b, ...c ] = arr; // ...变量,会接收后边所有的元素
console.log('a='+a, 'b='+b, 'c='+c);

解构对象

({name:a, age:b, gender:c} = obj); // 将name赋值给a,age赋值给b,gender赋值给c

const {name, gender, age} = obj; // 如果变量名和属性名一致,则可以只写一个

利用数组的解构来交换两个变量的位置

a = 10;
b = 20;

[a, b] = [b, a]; // 交换变量a和b的位置

进阶:交换数组中两个元素的位置

arr = [1, 3, 2];
[arr[1], arr[2]] = [arr[2], arr[1]]; // 交换数组中两个元素的位置