js中的对象类型的基本操作

示例

/**
 * 对象属于一种复合数据类型，在对象中可以保存多个不同数据类型的属性
 * 对象的分类：
 *  1.内建对象
 *    - 由ES标准定义的对象，在任何ES的实现中都可以使用，比如：Math,
 *      String, Number, Boolean, Function, Object 等等。
 *  2.宿主对象
 *    - 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象，比如：BOM, DOM
 *  3.自定义对象
 *    - 由开发人员自己创建的对象
 *
 * 创建对象
 *  - 使用new关键字调用的函数是构造函数constructor，构造函数是专门用来创建对象的函数
 *    var obj = new Object();
 *  - 用typeof检查一个对象时，会返回object
 *    console.log(typeof obj); // object
 * 添加属性
 *  - 在对象中保存的值成为属性
 *  - 在对象中添加属性，语法：对象.属性名 = 属性值;
 *    obj.name = 'Lily';
 * 读取对象的属性
 *  - 语法：对象.属性名;
 *  - 如果读取对象中没有的属性，不会报错而是会返回undefined
 * 修改对象的属性值
 *  - 语法：对象.属性名 = 新值;
 * 删除对象的属性
 *  - 语法：delete 对象.属性名;
 */
// 创建对象obj
var obj = new Object();
// 打印obj的数据类型
console.log(`obj的类型是 ${typeof obj}`); // obj的类型是 object
// 向obj中添加属性
obj.name = 'Lily';
obj.gender = 'male';
obj.age = 35;
// 打印对象obj
console.log(obj); // {name: "Lily", gender: "male", age: 35}
// 采用反引号打印的结果不显示具体的对象内容
console.log(`obj = ${obj}`); // obj = [object Object]
// 读取obj的属性name的值
console.log(`obj.name = ${obj.name}`); // obj.name = Lily
// 打印未定义属性school会显示undefined并未报错
console.log(`obj.school = ${obj.school}`); // obj.school = undefined
// 修改属性name的值
obj.name = 'Jame';
console.log(obj); // {name: "Jame", gender: "male", age: 35}
// 删除属性age
delete obj.age;
console.log(obj); // {name: "Jame", gender: "male"}

查看源代码

总结