概念:对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。
var obj = { foo: ‘Hello‘, bar: ‘World‘ };
对象的所有键名都是字符串(ES6 又引入了 Symbol 值也可以作为键名),所以加不加引号都可以。
如果键名是数值,会被自动转为字符串。
如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错。
// 报错 var obj = { 1p: ‘Hello World‘ }; // 不报错 var obj = { ‘1p‘: ‘Hello World‘, ‘h w‘: ‘Hello World‘, ‘p+q‘: ‘Hello World‘ };
对象的每一个键名又称为“属性”(property),它的“键值”可以是任何数据类型。如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用。
对象采用大括号表示,这导致了一个问题:如果行首是一个大括号,它到底是表达式还是语句?
{ foo: 123 }
avaScript 引擎读到上面这行代码,会发现可能有两种含义。第一种可能是,这是一个表达式,表示一个包含foo
属性的对象;第二种可能是,这是一个语句,表示一个代码区块,里面有一个标签foo
,指向表达式123
。
V8 引擎规定,如果行首是大括号,一律解释为对象。不过,为了避免歧义,最好还是在大括号前加上圆括号。
eval
语句(作用是对字符串求值)中反映得最明显。eval(‘{foo: 123}‘) // 123 eval(‘({foo: 123})‘) // {foo: 123}
读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。
请注意,如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。
方括号运算符内部还可以使用表达式。
obj[‘hello‘ + ‘ world‘]
obj[3 + 3]
数字键可以不加引号,因为会自动转成字符串。
var obj = { 0.7: ‘Hello World‘ }; obj[‘0.7‘] // "Hello World" obj[0.7] // "Hello World"
注意,数值键名不能使用点运算符(因为会被当成小数点),只能使用方括号运算符。
点运算符和方括号运算符,不仅可以用来读取值,还可以用来赋值。
JavaScript 允许属性的“后绑定”,也就是说,你可以在任意时刻新增属性,没必要在定义对象的时候,就定义好属性。
查看一个对象本身的所有属性,可以使用Object.keys
方法。返回属性字符串 组成的数组
delete
命令用于删除对象的属性,删除成功后返回true
。
var obj = { p: 1 }; Object.keys(obj) // ["p"] delete obj.p // true obj.p // undefined Object.keys(obj) // []
注意,删除一个不存在的属性,delete
不报错,而且返回true
。
因此,不能根据delete
命令的结果,认定某个属性是存在的。
只有一种情况,delete
命令会返回false
,那就是该属性存在,且不得删除。
var obj = Object.defineProperty({}, ‘p‘, { value: 123, configurable: false }); obj.p // 123 delete obj.p // false
上面代码之中,对象obj
的p
属性是不能删除的,所以delete
命令返回false
另外,需要注意的是,delete
命令只能删除对象本身的属性,无法删除继承的属性
var obj = {}; delete obj.toString // true obj.toString // function toString() { [native code] }
in
运算符用于检查对象是否包含某个属性(注意,检查的是键名,不是键值),如果包含就返回true
,否则返回false
。
var obj = { p: 1 }; ‘p‘ in obj // true
缺点: 它不能识别哪些属性是对象自身的,哪些属性是继承的。
var obj = {}; ‘toString‘ in obj // true
上面代码中,toString
方法不是对象obj
自身的属性,而是继承的属性。但是,in
运算符不能识别,对继承的属性也返回true
。
磨刀不误砍柴工 饮水思源
原文:https://www.cnblogs.com/-constructor/p/12849453.html