js 中对象--属性相关操作
生活随笔
收集整理的這篇文章主要介紹了
js 中对象--属性相关操作
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
查詢屬性:
可以用 對(duì)象.屬性 來(lái)查詢屬性和屬性方法 ? ? ? ? ? ? ? 或者 ? ? ? ? ? ? ? ? ? ?對(duì)象[“屬性”] ?來(lái)查詢屬性和屬性方法
演示代碼:
1 <script> 2 var obj ={ 3 username:"ziksang", 4 age:22, 5 addr:"北京", 6 say:function(){ 7 return "我的名字叫 "+this.username //解析this,此處的this是指向obj對(duì)象,只是在方法say中調(diào)用了obj的屬性,所以用this.obj來(lái)索引 8 } 9 } 10 alert(obj.username) //查詢對(duì)象屬性可以用對(duì)象.屬性 11 alert(obj["addr"]) //還可以用對(duì)象["屬性"] 12 var key="age" //當(dāng)不確定屬性的時(shí)候把屬性賦值給一個(gè)變量 13 alert(obj[key]); //調(diào)用時(shí)可以用obj[變量] 14 alert(obj.say()) //查詢屬性方法時(shí)可以用obj.屬性() 15 </script>如果使用構(gòu)造函數(shù)來(lái)創(chuàng)建的對(duì)象如何查詢屬性?
演示代碼:
1 <script> 2 function Person(name,age,sex){ 3 this.name = name; 4 this.age =age; //this 指向的obj對(duì)象 5 this.sex = sex; 6 } 7 var obj = new Person("ziksang",22,"男") 8 alert(obj.name+"\n"+obj.age+"\n"+obj.sex) //=>ziksang 22 男 9 </script>如何來(lái)添加屬性?
演示代碼:
1 <script> 2 var obj ={} //聲明一個(gè)空的對(duì)象 3 obj.usename = "ziksang" //用obj.想要設(shè)置的屬性 = 值 4 obj["age"] = 22 //還可以用obj["屬性名"] =值 5 obj.say=function(){ //用obj.想要的屬性方法 = 匿名函數(shù) 6 return this.usename 7 } 8 alert(obj.usename) //查詢是否有此屬性 9 alert(obj.age) 10 alert(obj.say()) 11 </script>如何來(lái)修改屬性?
演示代碼:
1 <script> 2 var obj = { 3 name:"ziksang", 4 age: 22, 5 say:function(){ 6 return this.name 7 } 8 } 9 obj.name = "博客園" //用obj.屬性名重新賦值 10 obj["age"] = 32 //以上都同理 11 obj.say = function(){ 12 return this.age 13 } 14 alert(obj.name+"\n"+obj.age+"\n"+obj.say())// =>博客園 32 32 15 </script>如何來(lái)刪除屬性?
演示代碼:
1 <script> 2 var obj = { 3 name:"ziksang", 4 age: 22, 5 say:function(){ 6 return this.name 7 } 8 } 9 delete obj.name //用 delete加上對(duì)象.屬性名 10 delete obj.age 11 delete obj.say() //以上都同上 12 alert(obj.name+"\n"+obj.age+"\n"+obj.say())// =>undefined undefined undefined 13 </script>如何來(lái)遍歷屬性? 用for in 來(lái)遍歷屬性
演示代碼:
1 <script> 2 var obj = { 3 name: "ziksang", 4 age: 22, 5 say: function () { 6 return this.name 7 } 8 } 9 10 for( var p in obj){ 11 alert( p+"\n") //用for 聲名的屬性變量來(lái)依次循環(huán)object 12 } 13 14 </script> 《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的js 中对象--属性相关操作的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: javascript深入理解js闭包
- 下一篇: js 中对象--对象结构(原型链基础解析