Javascript 从入门到精通之JavaScript属性

一、什么是属性?属性是一个JavaScript对象关联的值。一个JavaScript对象是一个无序的性质集合属性通常可以更改、添加和删除但有些只读。二、访问JavaScript属性访问对象属性的语法是(3种表现形式):第一种objectName.property // person.age第二种objectName[property] // person[age]第三种objectName[expression] // x age; person[x]表达式必须是一个正确的属性名!DOCTYPE htmlhtmlheadmeta charsetUTF-8title项目/title/headbody stylebackground-color: aqua;p有两种方法可以访问对象属性:/pp你可以使用 .property 或者 [property]./pp iddemo/pscriptvar person {firstname: John,lastname: Doe,age: 50,eyecolor: blue};document.getElementById(demo).innerHTML person.firstname is person.age years old.;/script/body//复制上面代码,替换不同语句实现功能。person[firstname] is person[age] years old.;1 . 原型属性JavaScript 对象继承它们的prototype属性。delete 关键字不删除继承的属性但如果删除原型属性则会影响从原型继承的所有对象。2. 添加新属性可以添加新的属性到现有的对象只要给它一个值.假设person对象已经存在-你可以给它新的属性:person.nationality English;完整代码!DOCTYPE htmlhtmlheadmeta charsetUTF-8title项目/title/headbody stylebackground-color: aqua;p你可以为现有对象添加新的属性./pp iddemo/pscriptvar person {firstname: John,lastname: Doe,age: 50,eyecolor: blue};person.nationality English;document.getElementById(demo).innerHTML person.firstname is person.nationality .;/body注不能为属性(或方法)名称使用保留字。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 循环里面的每个属性将执行一次。循环对象属性:!DOCTYPE htmlhtmlheadmeta charsetUTF-8title项目/title/headbody stylebackground-color: aqua;p iddemo/pscriptvar txt ;var person {fname: John,lname: Doe,age: 25};var x;for (x in person) {txt person[x] ;}document.getElementById(demo).innerHTML txt;/script/body四、总结本文主要介绍了JavaScript 属性介绍了如何访问一个属性如何去创建原型属性如何去添加一个新的属性如何去删除一个属性以及在for...in 语句遍历对象的属性的应用都做了详细的讲解。通过用丰富的案例帮助大家更好理解。文章来源网络 版权归原作者所有上文内容不用于商业目的如涉及知识产权问题请权利人联系小编我们将立即处理