JavaScript菜鸟教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 菜鸟教程

JavaScript 参考手册

JavaScript 对象属性

属性是对象内的名称(键)和值之间的关联,并且它可以包含任何数据类型。

属性通常是指一个对象的特征。

通常可以更改,添加和删除属性,但某些属性是只读的。

访问JavaScript属性

有两种访问对象属性的方法:

  • 点表示法: .

  • 括号符号: []

让我们重新访问原始示例对象user

user.firstName;
测试看看‹/›
user["firstName"];
测试看看‹/›

点号和括号都经常使用。但是,(.)点表示法更快,更易读。

添加新属性

为了向对象添加新属性,您可以使用赋值运算符(=)将新值分配给属性。

假设用户对象已经存在-然后可以为其赋予新属性:

user.weapon = "Sword";
测试看看‹/›

注意:避免对属性或方法名称使用保留字。

修改对象属性

可以通过将新值分配给现有属性来修改对象的属性。

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};
user.location = "Goa";
测试看看‹/›

删除对象属性

为了从对象中删除属性,我们将使用delete关键字。

delete是用于从对象中删除属性的运算符,可以删除对象的属性。

下面的示例演示如何从对象中删除属性:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};
delete user.location;
测试看看‹/›

delete运算符将删除该属性的两个值和属性本身。

不得在预定义的JavaScript对象属性上使用delete运算符。它可能会使您的应用程序崩溃。

遍历对象属性

JavaScript具有for...in专门用于迭代对象属性的循环。

语法:

for (variable in object) { statement to be executed}

这是我们的主要对象示例用户的简化版本:

var user = {firstName:"Seagull", lastName:"Anna", age:22, location:"New Delhi"};

for (let x in user) {
    document.write(x);
}
测试看看‹/›

使用括号符号,我们可以将属性值检索为变量,在本示例中为x:

for (let x in user) {
document.write(user[x]);
}
测试看看‹/›

for...in循环不应与for...of循环混淆,后者仅在Array对象类型上使用。

另一个有用的枚举方法是Object.keys()方法,该方法将返回对象属性的数组。

// 在用户对象上初始化方法以返回属性键
Object.keys(user);
测试看看‹/›

此方法使我们可以将对象的属性作为数组使用,因此您可以利用JavaScript数组的所有方法。

属性的内部属性

所有属性都有一个名称。另外它们也有属性值。

该值是属性的属性之一。

其他属性是:可枚举,可配置和可写。

这些属性定义了属性的访问方式(可读性,可写性)。

在JavaScript中,可以读取所有属性,但是只能更改属性值(并且仅在该属性为可写状态时)。