木子屋 Dnawo's BLOG

ES6学习笔记:变量的解构赋值

👤 dnawo 📅 2022-07-28 👁 3181 👍 0 💬 0 🔄 来源:本站原创
一、变量的解构赋值

数组的解构赋值:

let [x,y,z] = [1,2,3];
console.log(x,y,z); //1 2 3

//默认值
let [x=0,y=0,z] = [1];
console.log(x,y,z); //1 0 undefined

对象的解构赋值:

let {x,y,z} = {x:1,y:2,z:3};
console.log(x,y,z); //1 2 3

//默认值
let {x=0,y=0,z} = {x:1};
console.log(x,y,z); //1 0 undefined

//别名
let {x:a,y:b,z:c} = {x:1,y:2,z:3};
console.log(a,b,c); //1 2 3

二、解构赋值的用途

1.提取json对象中的数据:

let result = {
    "code": 0,
    "message": "登录成功",
    "data": {
        "access_token": "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZ"
    }
};
let {code,message,data} = result;
console.log(code,message); //0 登录成功

2.函数参数的定义:

function f([x,y,z]) {
	console.log(x,y,z);
}
f([1,2,3]);

function f({x,y,z}) {
	console.log(x,y,z)
}
f({x:1,y:2,z:3});

3.从函数返回多个值:

function todo() {
  return [1,2,3];
}
let [x,y,z] = todo();

function todo() {
  return {x:1,y:2,z:3};
}
let {x,y,z} = todo();

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 长安星卡S201遥控钥匙自己匹配方法详解 下一篇 → ES6学习笔记:扩展运算符使用场景