上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
最新日志:
不错呦！smile@林凯西，确保“准备文件”中的几个文件都有安装，S...您好，看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了，主要是A...PJ3啊，貌似很少有人用PJ了，现在不是WP就是z...@332347365，我当时接入时错误码没有-10...楼主，ChkValue值应为-103是什么意思呢？...大哥 你最近能看到我发的信息，请跟我联系，我有个制...
ES6学习笔记：变量的解构赋值
编辑:dnawo 日期:2022-07-28
一、变量的解构赋值
数组的解构赋值：
对象的解构赋值：
二、解构赋值的用途
1.提取json对象中的数据：
2.函数参数的定义：
3.从函数返回多个值：
数组的解构赋值：
复制内容到剪贴板
程序代码
程序代码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
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
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 登录成功
"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});
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();
return [1,2,3];
}
let [x,y,z] = todo();
function todo() {
return {x:1,y:2,z:3};
}
let {x,y,z} = todo();
评论: 0 | 引用: 0 | 查看次数: 2032
发表评论
请登录后再发表评论！
