JavaScript基础篇：解构赋值

JavaScript解构赋值

引自JavaScript课程0401

一、数组解构

1.左右的内容必须一一对应

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

2.可设置默认值

[a, b, c = "js"] = [1, 2];
console.log(a, b, c); // 1  2 'js'

3.可以设置归并参数

[a, b, ...c] = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(a, b, ...c);  //123456789

4.精确获取第4个参数

[, , , a, , , , , ,] = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(a); //4

//作用：交换值
let a = 10;
b = 20;
console.log("a=%d,b=%d", a, b);
[b, a] = [a, b];
console.log("a=%d,b=%d", a, b);

二、对象解构

解构写法，注意js不允许对象之间的赋值，需要加上括号。

({ id, name } = { id: 40, name: "电脑" });
console.log("id=%d,name=%s", id, name);  //输出  id=40,name=电脑

三、参数解构

1. 数组传参

    let sum = ([a, b]) => a + b;
    console.log(sum([30, 50]));  //80

2 .对象传参

将对象转化为数组

let getUser = ({ name, email }) => [name, email];
// 转为数组
console.log(getUser({ 
  name: "朱老师", 
  email: "admin@php.cn" 
})); //['朱老师', 'admin@php.cn']

如果本文对您有帮助，记得留下你的点赞窝！