JavaScript对象属性是用于描述对象特征和行为的数据,在JavaScript中,对象属性可以是基本数据类型(如数字、字符串、布尔值等)或引用数据类型(如数组、函数、对象等),对象属性可以通过点符号(.)或方括号([])来访问。
1、基本数据类型属性
基本数据类型属性包括以下几种:
数值属性:表示一个数字,如整数或浮点数。let age = 25;
字符串属性:表示一个文本字符串。let name = "张三";
布尔属性:表示一个逻辑真或假的值。let isStudent = true;
2、引用数据类型属性
引用数据类型属性包括以下几种:
数组属性:表示一个有序的值集合。let hobbies = ["篮球", "足球", "乒乓球"];
函数属性:表示一个可执行的代码块。let sayHello = function() { console.log("Hello!"); };
对象属性:表示一个包含多个属性和方法的对象。let person = { firstName: "张三", lastName: "李四", sayFullName: function() { console.log(this.firstName + " " + this.lastName); } };
3、访问对象属性
要访问对象的属性,可以使用点符号(.)或方括号([]),点符号用于访问已知名称的属性,而方括号用于访问未知名称的属性。
let person = { firstName: "张三", lastName: "李四" }; console.log(person.firstName); // 输出 "张三" console.log(person["lastName"]); // 输出 "李四"
4、修改对象属性
要修改对象的属性,可以直接为其赋值。
person.age = 25; // 修改 age 属性为 25 person["gender"] = "男"; // 修改 gender 属性为 "男"
5、删除对象属性
要删除对象的属性,可以使用delete
关键字。
delete person.age; // 删除 age 属性 delete person["gender"]; // 删除 gender 属性
6、检查对象属性是否存在
要检查对象是否具有某个属性,可以使用in
关键字。
console.log("age" in person); // 输出 true,表示 person 对象具有 age 属性 console.log("address" in person); // 输出 false,表示 person 对象不具有 address 属性
7、枚举对象属性
要枚举对象的所有属性,可以使用for...in
循环。
for (let key in person) { console.log(key + ": " + person[key]); // 输出 person 对象的所有属性及其值 }
8、获取对象属性的类型和值
要获取对象属性的类型和值,可以使用typeof
和valueOf
方法。
console.log(typeof person.firstName); // 输出 "string",表示 firstName 属性的类型为字符串 console.log(person.firstName.valueOf()); // 输出 "张三",表示 firstName 属性的值
9、设置对象属性的默认值和只读属性
要设置对象属性的默认值,可以在构造函数中使用Object.defineProperty()
方法,要设置只读属性,可以将属性的writable
设置为false
。
function Person(firstName, lastName) { this.firstName = firstName || "张三"; // 设置 firstName 属性的默认值为 "张三" this.lastName = lastName || "李四"; // 设置 lastName 属性的默认值为 "李四"} Person.prototype = { fullName: "", getFullName: function() { return this.firstName + " " + this.lastName; } }; // 设置 fullName 属性的默认值为空字符串,并定义 getFullName() 方法来获取 fullName 的值
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/175594.html