JavaScript Object 对象基础：创建、属性操作与遍历详解

在接触 Java 开发时，许多开发者常使用 jQuery 库，但对底层原理理解尚浅。近期通过系统学习 JavaScript，梳理了相关知识点，若文中存在疏漏或错误，欢迎指正交流。

Object 基础与对象创建

Object 是所有 JavaScript 类的基础父类。

创建对象实例主要有两种方式： var obj = new Object(); var obj = {}; // 使用字面量方式实例化对象 为对象添加属性或方法时，通常分为以下两种模式：

对象属性的设置与访问

第一种是使用直接量方式，即通过“对象.属性”或“对象.方法”的形式进行访问。这种方式直观且易于理解。

obj.name = '张三'; obj.age = 20; obj.sex = '男'; obj.say = function(){ alert("hello World"); }

第二种是使用方括号“[]”方式，语法为“对象['属性']”或“对象['方法']”。采用此方式时，方括号内的键名必须使用单引号或双引号包裹，规范较为严格。

obj['birthday'] = '1989-08-07';

获取对象的属性或调用方法时，同样遵循“对象.属性名/方法名”的规则。 alert(obj.name); // 输出：张三 alert(obj.age); // 输出：20 obj.say(); // 输出：hello World

对象属性的删除

使用 delete 操作符可以删除对象的属性或方法。 delete obj.age; delete obj.say; alert(obj.age); // 输出：undified（未定义） alert(obj.sex); // 输出：20 obj.say(); // 报错，因为函数已被删除

对象遍历与属性检测

遍历 JavaScript 对象通常使用 for in 语句。

for(var attr in obj){ alert(attr + ":" + obj[attr]); // 按顺序打印对象中的键值对，主要展示值。若尝试使用“对象.属性”方式访问不存在的动态属性，可能得到 undified }

Constructor 属性保存了创建该对象的构造函数。 alert(obj.constructor); var o = []; alert(o.constructor);

hasOwnProperty(propertyName) 方法用于检测指定属性是否存在于对象自身中，返回布尔值。在实际项目中该功能较为常用，需特别注意。 var i = {}; i.sex = '男'; alert(i.hasOwnProperty('sex')); // 输出：true alert(i.hasOwnProperty('age')); // 输出：false

propertyIsEnumerable(propertyName) 方法用于检测给定属性是否可被 for in 语句枚举，返回布尔值。 alert(i.propertyIsEnumerable('age')); // 输出：false，因为上述代码中未定义此属性

以上即为 JavaScript Object 对象基础入门的核心内容，希望能为读者提供参考，感谢支持。