JavaScript 是一门面向对象的编程语言,对象是 JavaScript 的基础。对象是具有属性和方法的实体,它可以封装数据和函数,实现面向对象编程中的封装、继承和多态。本文将重点讲解 JavaScript 对象,包括对象的定义和创建、修改和删除属性、对象的遍历等内容。
对象的定义和创建可以通过字面量或构造函数的方式进行。下面是使用字面量和构造函数创建对象的示例:
//字面量创建对象 var obj1 = { name: "小明", age: 18, sayHello: function() { console.log("你好,我是" + this.name); } }; //构造函数创建对象 function Person(name, age) { this.name = name; this.age = age; this.sayHello = function() { console.log("你好,我是" + this.name); } } var obj2 = new Person("小红", 20);
对象的属性可以通过点号或中括号的方式进行访问、修改和删除。如果属性名不是一个合法的标识符,必须使用中括号的方式访问。下面是对象属性的示例:
//访问属性 console.log(obj1.name); //输出:"小明" console.log(obj1["age"]); //输出:18 //修改属性 obj1.name = "小李"; obj1["age"] = 20; //删除属性 delete obj1.age;
对象的遍历可以使用 for-in 循环或 Object.keys() 方法进行。for-in 循环遍历对象的属性名,Object.keys() 方法返回一个由对象的属性名组成的数组。下面是对象遍历的示例:
//for-in 循环遍历 for (var prop in obj1) { console.log(prop + ":" + obj1[prop]); } //Object.keys() 方法遍历 var propArray = Object.keys(obj1); for (var i = 0; i< propArray.length; i++) { var prop = propArray[i]; console.log(prop + ":" + obj1[prop]); }
JavaScript 对象是动态的,可以随时添加和删除属性、修改方法等。因此,对象的应用非常广泛,如 HTML DOM、JSON 等都使用了对象,掌握好 JavaScript 对象的定义和使用对于编写优秀的 JavaScript 代码非常有帮助。