提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
js的简化语法方式使用.
代替if判断
一、使用步骤
<button type="button" @click="test02()">测试2a</button>
test02(){
const user = {
id:1,
name:'张三',
address:{
city:'北京市',
zipCode:'1000'
}
}
//普通获取值的方式
if(user && user.address && user.address.city){
console.log(user.address.city);
}
//使用选择链接方式
console.log(user?.address?.city);
//属性不存在,返回undefind
console.log(user?.age);
//对象不存在的时候返回undefind
const user2 = undefined;
console.log(user2?.address?.city);
}
二:结果
在这里我们看到使用.
帮助我们判断这个值是否存储如果不存在也不会出现报错而是直接提示undefined
三: 用js进行字符串的拼接方式和结构方式
test01() {
let t = this.test;
//这个相当于解构赋值
const {
ids,
names,
...params
} = t;
console.log(params);
//拼接在一起
cc = t.map(c => c.name).join(',');
console.log(cc);
},
//显示结果
总结
以上上就是对js简化方式,使用.代替if判断方式更加方便区分