一篇文章带你了解JavaScript属性

一、什么是属性?

创新互联建站，为您提供重庆网站建设公司、成都网站制作、网站营销推广、网站开发设计，对服务成都效果图设计等多个行业拥有丰富的网站建设及推广经验。创新互联建站网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏心悦目的作品。 与客户共同发展进步，是我们永远的责任！

属性是一个JavaScript对象关联的值。一个JavaScript对象是一个无序的性质集合，属性通常可以更改、添加和删除，但有些只读。

二、访问JavaScript属性

访问对象属性的语法是(3种表现形式):

第一种

 
 
 
 

  
  
  
  
objectName.property          // person.age 
 
 
 
 

第二种

 
 
 
 

  
  
  
  
objectName["property"]       // person["age"] 
 
 
 
 

第三种

 
 
 
 

  
  
  
  
objectName[expression]       // x = "age"; person[x] 
 
 
 
 

表达式必须是一个正确的属性名

 
 
 
 

  
  
  
  
 
  
  
  
  
 
  
  
  
  
     
  
  
  
  
         
  
  
  
  
         
  
  
  
  
     
  
  
  
  
     
  
  
  
  
 
  
  
  
  
        
有两种方法可以访问对象属性:
 
  
  
  
  
        
你可以使用 .property 或者 ["property"].
 
  
  
  
  
 
  
  
  
  
        
 
  
  
  
  
 
  
  
  
  
         
  
  
  
  
 
  
  
  
  
     
  
  
  
  
 
 
 
 
 

 
 
 
 

  
  
  
  
//复制上面代码,替换不同语句，实现功能。 
  
  
  
  
person["firstname"] + " is " + person["age"] + " years old."; 
 
 
 
 

1 . 原型属性

JavaScript 对象继承它们的prototype属性。

delete 关键字不删除继承的属性，但如果删除原型属性，则会影响从原型继承的所有对象。

2. 添加新属性

可以添加新的属性到现有的对象，只要给它一个值.

假设person对象已经存在-你可以给它新的属性:

 
 
 
 

  
  
  
  
person.nationality = "English"; 
 
 
 
 

完整代码：

 
 
 
 

  
  
  
  
 
  
  
  
  
 
  
  
  
  
     
  
  
  
  
         
  
  
  
  
         
  
  
  
  
     
  
  
  
  
     
  
  
  
  
 
  
  
  
  
        
你可以为现有对象添加新的属性.
 
  
  
  
  
 
  
  
  
  
        
 
  
  
  
  
 
  
  
  
  
         
  
  
  
  
 
  
  
  
  
     
  
  
  
  
 
 
 
 
 

注：

不能为属性(或方法)名称使用保留字。JavaScript的命名规则。

3. 删除属性

delete 关键字从对象中删除属性：

 
 
 
 

  
  
  
  
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 
  
  
  
  
delete person.age;   // or delete person["age"]; 
 
 
 
 

delete 关键字同时删除属性的值和属性本身。

删除后，属性不能再使用之前的方法重新添加。

delete 运算符被设计用于对象属性。它对变量或函数没有影响

delete 运算符不得使用预定义JavaScript对象的属性。它可以使得你的应用程序崩溃。

三、JavaScript for...in 循环

JavaScript for...in 语句可以遍历对象的属性

语法

 
 
 
 

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

for...in 循环里面的每个属性将执行一次。

循环对象属性:

四、总结

本文主要介绍了JavaScript 属性，介绍了如何访问一个属性，如何去创建原型属性，如何去添加一个新的属性，如何去删除一个属性，以及在for...in 语句遍历对象的属性的应用，都做了详细的讲解。通过用丰富的案例帮助大家更好理解。

希望大家可以根据文章的内容，积极尝试，有时候看到别人实现起来很简单，但是到自己动手实现的时候，总会有各种各样的问题，切勿眼高手低，勤动手，才可以理解的更加深刻。

本文转载自微信公众号「前端进阶学习交流」，可以通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。

当前题目：一篇文章带你了解JavaScript属性
网页URL：http://www.36103.cn/qtweb/news31/17531.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联