javascript对象的使用和属性操作示例详解 |
|
本文标签：javascript对象 JavaScript 中所有变量都是对象，除了两个例外 null 和 undefined 。 复制代码 代码如下: false.toString(); // false [1, 2, 3].toString(); // 1,2,3 function Foo(){} Foo.bar = 1; Foo.bar; // 1 一个常见的误解是数字的字面值（literal）不是对象 。这是因为 JavaScript 解析器的一个错误， 它试图将点操作符解析为浮点数字面值的一部分 。 复制代码 代码如下: 2.toString(); // 出错：SyntaxError 有很多变通方法可以让数字的字面值看起来像对象 。 复制代码 代码如下: 2..toString(); // 第二个点号可以正常解析 2 .toString(); // 注意点号前面的空格 (2).toString(); // 2先被计算 对象作为数据类型 JavaScript 的对象可以作为哈希表使用，主要用来保存命名的键与值的对应关系 。 使用对象的字面语法 - {} - 可以创建一个简单对象 。这个新创建的对象从Object.prototype 继承下面，没有任何自定义属性 。 复制代码 代码如下: var foo = {}; // 一个空对象 // 一个新对象，拥有一个值为12的自定义属性test var bar = {test: 12}; 访问属性 有两种方式来访问对象的属性，点操作符或者中括号操作符 。 复制代码 代码如下: var foo = {name: kitten} foo.name; // kitten foo[name]; // kitten var get = name; foo[get]; // kitten foo.1234; // SyntaxError foo[1234]; // works 两种语法是等价的，但是中括号操作符在下面两种情况下依然有效 - 动态设置属性 - 属性名不是一个有效的变量名（译者注：比如属性名中包含空格，或者属性名是 JS 的关键词） 译者注：在 JSLint 语法检测工具中，点操作符是推荐做法 。
删除属性 删除属性的唯一方法是使用 delete 操作符；设置属性为 undefined 或者null 并不能真正的删除属性， 而仅仅是移除了属性和值的关联 。 复制代码 代码如下: 14 var obj = { bar: 1, foo: 2, baz: 3 }; obj.bar = undefined; obj.foo = null; delete obj.baz; for(var i in obj) { if (obj.hasOwnProperty(i)) { console.log(i, + obj[i]); } } 上面的输出结果有 bar undefined 和 foo null - 只有 baz 被真正的删除了，所以从输出结果中消失 。
属性名的语法 复制代码 代码如下: var test = { case: I am a keyword so I must be notated as a string, delete: I am a keyword too so me // 出错：SyntaxError };
这个错误的原因是 delete 是 JavaScript 语言的一个关键词；因此为了在更低版本的 JavaScript 引擎下也能正常运行， 必须使用字符串字面值声明方式 。 |
