1.首先,我们要知道,js对象属性命名有三种方法
(1)对象字面量形式命名。这时的属性,可以是任意的字符串(包括空串和空格字符串),也可以是js的变量形式。(即以字母,下划线,$
开头。后面跟字母,数字,下划线和$
),还可以是纯数字。
let obj = {
a1: 1,
a2: 'we',
'hello world!': 23,
" ": 1212,
1: 'we are family'
}
(2)通过点号来命名或访问.
,这时的属性名必须是正确的js变量。
let obj = {
a1: 1,
a2: 'we',
'hello world!': 23,
" ": 1212,
1: 'we are family'
}
obj._2232a = 'hello';
(3)[]
来命名或访问,这时,属性名是任意的字符串。
let obj = {
a1: 1,
a2: 'we',
'hello world!': 23,
" ": 1212,
1: 'we are family'
}
obj[''] = 123;
2.当对象的属性是以数字为属性名时,可以用obj.[1]
和obj.['1']
来访问。但是不能用点号.
访问。
3.当对象的属性是布尔值时,也可用obj.[true]
和obj.['true']
来访问。还可以用.
来访问。
let obj = {
a1: 1,
a2: 'we',
'hello world!': 23,
" ": 1212,
1: 'we are family',
true: true
}
console.log(obj.true);
4.采用[]操作符读取对象属性时,js解释器执行的动作
采用obj[propertyName]的形式读取或创建对象属性时,解释器首先会检查propertyName是值类型字面量还是用户定义的变量,如果propertyName是值类型的字面量,则解释器自动将其转换为字符串后再读取或创建属性,如obj[1],obj[true]会被转换成obj[“1”]、obj[“true”].
如果propertyName是变量名称(或者是表达式),则解释器会读取变量内容(或对表达式求值),如果变量的值是字符串,则直接读取属性,如果是其他类型的数据,则转换为字符串后再读取属性
5.看一个特殊点的例子
let obj = {
undefined: undefined
}
let a;
console.log(obj[a]); 输出undefined
首先a是变量,所以js会将它转换为字符串。a没有赋值,它的值为undefined,所以obj[a]转为obj["undefined"]
,则值为undefined。