ES6语法中新增了解构表达式,使得我们可以通过特定的语法直接优雅获取数组或者是对象中的一个或者是多个值;
在传统的数组取值我们是这样的
let arr = [1,2,"abc"];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
如果我们使用ES6的解构表达式之后是这样的
let arr = [1,2,"abc"];
let [a,b,c] = arr;
console.log(a,b,c)
看起来是不是更优雅了呢.解构表达式的用法还不止于此.
let arr = [1,2,"abc"];
let [a] = arr;
console.log(a)
如果我们只想要获取第二个元素可以如下:
let arr = [1,2,"abc"];
let [,a] = arr;
console.log(a)
let arr = [1,2,"abc"];
let [a,...b] = arr;
console.log(b)
let arr = [1,2,"abc"];
let [a,b,c,d] = arr;
console.log(a,b,c,d)
我们也可以在超出的元素给定指定的默认值
let arr = [1,2,"abc"];
let [a,b,c,d="张三"] = arr;
console.log(a,b,c,d)
如果是结构对象用法如下:
const person = {
name: 'Luke',
age: '24',
facts: {
hobby: 'Photo',
work: 'Software Developer'
}
}
获取对象指定的参数:
const person = {
name: 'Luke',
age: '24',
facts: {
hobby: 'Photo',
work: 'Software Developer'
}
}
let {name,age} = person;
console.log(name,age)
获取对象深层次的嵌套参数:
const person = {
name: 'Luke',
age: '24',
facts: {
hobby: 'Photo',
work: 'Software Developer'
}
}
let {facts:{hobby},age} = person;
console.log(hobby,age)
栗子木 发布了60 篇原创文章 · 获赞 5 · 访问量 1万+ 私信 关注
原文地址:https://blog.csdn.net/weixin_42214548/article/details/104110580
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。