JavaScript对象基础：创建、操作与属性管理
本文介绍JavaScript中对象的基础概念与常用操作。由于JS没有类的概念，对象作为引用类型，其创建方式包括使用new运算符、JSON格式以及传统赋值。文章详细演示了属性的调用（点运算符与方括号）、方法的添加以及利用delete操作符删除属性的具体实现，为面向对象开发奠定基础。
JavaScript对象基础概念
在Java等面向对象语言中，类是创建具有相同属性和方法对象的基础。然而，JavaScript并不具备类的概念，因此其对象模型与基于类的语言存在显著差异。
深入理解面向对象编程，首先需要掌握JavaScript中的对象机制及原型概念。本文重点聚焦于JavaScript中对象的基本知识。
一 关于对象
对象本质上是一种引用类型，其值为引用类型的实例。在JavaScript中，引用类型是一种将数据与功能组织在一起的数据结构。尽管它常被称为“类”，但JavaScript实际上并未提供传统面向对象语言所支持的类和接口结构。
对象的创建与常用操作
二 对象的创建以及常用操作
使用new运算符创建对象
1.使用new运算符
<script>
var user = new Object(); //使用new运算符创建一个对象
user.name = '念在三角湖畔'; //给对象添加属性
user.age = 22;
user.address = '湖北武汉';
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'
</script> 需要注意的是，上述创建方式中的new关键字可以省略。即var user = new Object();与var user = Object();的效果等价。
JSON法创建对象
2.JSON法创建
关于JSON的具体知识，建议通过搜索引擎进一步查询。
一个简单的JSON对象示例如下：{name:'念在三角湖畔',age:22,address:'湖北武汉'}
//使用JSON法创建
/*
简单的JSON对象:{name:'念在三角湖畔',age:22,address:'湖北武汉'}
*/
var user = {
name:'念在三角湖畔',
age:22,
address:'湖北武汉'
};
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉' 传统赋值方式
3.传统赋值方式
//传统赋值
var user = {};
user.name = '念在三角湖畔'; //给对象添加属性
user.age = 22;
user.address = '湖北武汉';
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉'对象属性的调用方法
4.属性的调用
访问对象属性主要有两种方法：
以上述例子为例，我们已经使用了其中一种方式，即使用点（.）运算符进行调用，具体代码如下：
alert(user.name + " " +user.age);//返回 '念在三角湖畔 湖北武汉' 另一种调用方法是：
alert(user['name'] + " " +user['age']);//返回 '念在三角湖畔 湖北武汉 为对象添加方法
5.给对象添加方法
为对象添加方法与为变量添加属性在原理上相似。具体实现代码如下：
var user = {
name:'念在三角湖畔', //给对象添加属性
age:22,
address:'湖北武汉',
showInfo:function(){//添加一个方法
alert(this.name+" "+this.age+" "+this.address);//返回 '念在三角湖畔 22 湖北武汉'
},
showHello:showHello//将对象外部的方法添加到对象
};
function showHello(){
alert("Hello!");
}
user.showInfo();//调用方法
user.showHello(); 删除对象属性
6.删除对象的属性
要删除对象的属性，需使用delete操作符。其语法格式为：delete 对象名称.属性名称
var user = {
name:'念在三角湖畔', //给对象添加属性
age:22,
address:'湖北武汉'
};
alert(user.name);//返回‘念在三角湖畔'
delete user.name;//删除user的name属性
alert(user.name);//返回‘undefined' 总结
三 总结
本文简要介绍了JavaScript中对象的创建、方法的添加以及属性的删除操作。对象是JavaScript面向对象编程中的重要且基础的部分，只有熟练掌握这些常用操作，才能顺利进行面向对象开发。
以上所述是小编给大家介绍的JavaScript中的对象和原型(一)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗？let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解：基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13