本文详细介绍JavaScript中对象属性的完整操作流程，涵盖属性存在性检查、动态增加属性、遍历属性值、安全删除属性以及两种访问方式。通过具体代码示例解析hasOwnProperty、delete运算符及点与中括号操作符的使用，并对比两种对象创建方法，帮助开发者掌握对象属性的核心管理技巧。
检查对象属性存在性
在JavaScript中，检查对象是否包含特定属性是常见操作。可以使用对象的hasOwnProperty方法来判断某个属性是否存在于对象实例中，该方法返回布尔值。例如，判断名为mouse的对象是否拥有name属性，若存在则返回true，否则返回false。
var mouse = {
"name": "betta",
"age": 3,
"varieties": "milaoshu"
}
mouse.hasOwnProperty("name"); // true
mouse.hasOwnProperty("sex"); //false增加与遍历对象属性
向对象添加属性可以直接通过赋值操作实现。例如，在定义一个名为dog的对象后，可以为其赋予color特性。此外，还可以通过修改Object.prototype来为所有对象添加默认属性，但需注意这种方式可能影响原型链上的所有对象。
为了展示属性的增加与遍历，可以定义一个包含name、type和eat方法的dog对象，并为其添加color属性。随后，使用for...in循环遍历该对象的所有可枚举属性及其对应的值，并将结果输出显示。
var dog={
name:"芒果",
type:"会之王",
eat:function(){
alert("吃");
}
}
Object.prototype.color="白色";
var name;
for(name in dog){
document.write(name+" "+dog[name]+"<br>")
}上述遍历操作的效果将依次显示每个属性的名称及其对应的值，包括方法体字符串和新增的属性值，从而直观展示对象内部结构的遍历结果。
name 芒果
type 会之王
eat function (){ alert("吃"); }
color 白色删除对象属性的正确方式
删除对象属性时，可以使用delete运算符直接移除指定属性，或者将属性值设置为undefined或null。需要注意的是，将属性设为undefined或null并不会真正删除属性，hasOwnProperty检查仍会返回true，而delete运算符则能彻底移除属性引用。
var cat = {
"name": "tom",
"sex": "man",
"color": "yellow"
}
delete cat.name;
cat.sex = undefined;
cat.color = null;
alert("name属性是否存在：" + cat.hasOwnProperty("name")); //false
alert("sex属性是否存在：" + cat.hasOwnProperty("sex")); //true
alert("color属性是否存在：" + cat.hasOwnProperty("color")); //true
访问对象属性的两种语法
访问对象属性主要有两种方式：一是使用点操作符（.），如cat.name；二是使用中括号操作符（[]），如cat["name"]。中括号方式允许使用变量作为属性名，灵活性更高，而点操作符则更为简洁直观。
var cat = {
"name": "tom",
"sex": "man",
"color": "yellow"
}
var name1 = cat.name; //通过点操作符来访问对象属性
var name2 = cat["name"]; //通过中括号操作符来访问对象属性
JavaScript对象创建的两种方法
JavaScript中创建对象主要有两种常见方式：一是使用new Object()构造函数创建空对象后逐个赋值属性；二是使用对象字面量语法直接定义包含属性和值的对象。后者更为简洁常用，是开发中的首选方式。
var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;
var obj = {
name : "MangGuo", //name是属性名，"MangGuo"是值
age : 25
}