木子屋
 

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

作者: dnawo

日期: 2022-07-28 09:55 AM

分类: 脚本语言

内容: 一、变量的解构赋值
数组的解构赋值：
复制内容到剪贴板 程序代码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)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

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

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms