JS使用 . 与 使用 [] 取值的区别
JS中对象取值的方式有两种——分别是 使用 . 与使用 []
一般来说,对象取值使用的方式是使用 .
写法:
let obj={
name:"昵称",
value:"值",
}
console.log(obj.name);//输出昵称
console.log(obj.value);//输出值
使用 . 的方式取值比较常见,但是无法使用字符串变量或者数字为属性名
比如这样子:
//错误写法
obj.'name';
obj.10;
//这样子的写法是错误的
//有这样的需求是最好就是使用[]来取对象值
使用[]的写法:
let obj={
name:"namename",
value:"content",
10:"ten",
}
console.log(obj[10]);//输出ten
console.log(obj['name']);//输出namename
正是[]的写法特性,我们可以使用for循环来单个获取对象值
let arr=['name','value'];
let obj={
name:"111",
value:"222"
}
for(let i=0;i<=arr.length-1;i++){
console.log(obj[arr[i]]);
}
//输出111
// 222