查询属性:

可以用 对象.属性 来查询属性和属性方法               或者                    对象[“属性”]  来查询属性和属性方法

演示代码:

 <script>
var obj ={
username:"ziksang",
age:22,
addr:"北京",
say:function(){
return "我的名字叫 "+this.username //解析this,此处的this是指向obj对象,只是在方法say中调用了obj的属性,所以用this.obj来索引
}
}
alert(obj.username) //查询对象属性可以用对象.属性
alert(obj["addr"]) //还可以用对象["属性"]
var key="age" //当不确定属性的时候把属性赋值给一个变量
alert(obj[key]); //调用时可以用obj[变量]
alert(obj.say()) //查询属性方法时可以用obj.属性()
</script>

如果使用构造函数来创建的对象如何查询属性?

演示代码:

 <script>
function Person(name,age,sex){
this.name = name;
this.age =age; //this 指向的obj对象
this.sex = sex;
}
var obj = new Person("ziksang",22,"男")
alert(obj.name+"\n"+obj.age+"\n"+obj.sex) //=>ziksang 22 男
</script>

如何来添加属性?

演示代码:

 <script>
var obj ={} //声明一个空的对象
obj.usename = "ziksang" //用obj.想要设置的属性 = 值
obj["age"] = 22 //还可以用obj["属性名"] =值
obj.say=function(){ //用obj.想要的属性方法 = 匿名函数
return this.usename
}
alert(obj.usename) //查询是否有此属性
alert(obj.age)
alert(obj.say())
</script>

如何来修改属性?

演示代码:

 <script>
var obj = {
name:"ziksang",
age: 22,
say:function(){
return this.name
}
}
obj.name = "博客园" //用obj.属性名重新赋值
obj["age"] = 32 //以上都同理
obj.say = function(){
return this.age
}
alert(obj.name+"\n"+obj.age+"\n"+obj.say())// =>博客园 32 32
</script>

如何来删除属性?

演示代码:

 <script>
var obj = {
name:"ziksang",
age: 22,
say:function(){
return this.name
}
}
delete obj.name //用 delete加上对象.属性名
delete obj.age
delete obj.say() //以上都同上
alert(obj.name+"\n"+obj.age+"\n"+obj.say())// =>undefined undefined undefined
</script>

如何来遍历属性? 用for in 来遍历属性

演示代码:

 <script>
var obj = {
name: "ziksang",
age: 22,
say: function () {
return this.name
}
} for( var p in obj){
alert( p+"\n") //用for 声名的属性变量来依次循环object
} </script>

js 中对象--属性相关操作的更多相关文章

  1. js 中对象属性特性的描述

    如何自定义属性的特性? 用对象.属性的特性和自定义的属性的特性有什么区别? 它的四大特性 writable   enumerable   configable   有什么区别? 先预习一个用对象.属性 ...

  2. JS中字符串的相关操作

    一.字符串的创建 创建一个字符串有几种方法.最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myStr = "Hello, String!"; 可以用双 ...

  3. 在js中对属性的操作

    一:访问属性 两种方法: ①:对象名.属性名 function  test(sno,age,sex){      this.sno=sno,      this.age=age, this.sex=s ...

  4. js 中对象属性的特性

    数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和写入值. 4个描述的行为特性: writable  表示能否修改属性的值.默认为true Enumerable 表示能否过过for in循 ...

  5. js 中对象属性特性2

    对象的存储描述: get   和   set 方法 <script> var obj ={ get age(){ return 22 }, set age(value){ console. ...

  6. js中表格的相关操作

    tHead:表头 tBodies:表格正文 tFoot:表格尾 rows:行 cells:列 表格的应用: 1.获取 2.表格创建 3.隔行变色 4.删除一行 <!DOCTYPE html> ...

  7. JS 中对象的简单创建和继承

    对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var a ...

  8. js进阶 11-3 jquery中css属性如何操作

    js进阶 11-3  jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...

  9. js中scroll滚动相关

    js中scroll滚动相关 scroll,滚动,一般讨论的是网页整体与浏览器之间的关系. 一.元素相关 属性/方法 解释 element.scrollHeight 返回元素的整体高度. element ...

随机推荐

  1. 广州Uber优步司机奖励政策(2月1日~2月7日)

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  2. 我是怎么拿到百度2016校招Offer的——IT技术类校招成功面经

    笔者是软件工程大四学生,属于保研失败群体,不想考研,所以选择了工作.从9月下保研失败到10月中成功拿到百度Offer,这其中的大起大落真是外人所无法体会的.这一段时间的面试经验,可以和大家分享一下.笔 ...

  3. sql server 分组统计数据

    说明:group by是sql中对数据表中的数据进行分组的,在select列表中出现的字段必须全部出现在group by 字段中,出现在聚合函数中的字段在group by中可有可无,没有出现在sele ...

  4. ZBar只扫描二维码/条形码

    You can add these codes for ImageScanner scanner.setConfig(0, Config.ENABLE, 0); //Disable all the S ...

  5. BABOK - 企业分析(Enterprise Analysis)

    BABOK - 企业分析(Enterprise Analysis)概要 发表于2013年10月9日由周金根 描述 企业分析描述我们如何捕捉.提炼并明晰业务需要,并定义一个可能实现这些业务需要的一个方案 ...

  6. Android源代码之Gallery专题研究(1)

    前言 时光飞逝,从事Android系统开发已经两年了,总想写点什么来安慰自己.思考了非常久总是无法下笔,认为没什么好写的.如今最终决定写一些符合大多数人需求的东西,想必使用过Android手机的人们一 ...

  7. Java中NaN和-0.0f的比较问题

    简单的说,比较两个int型或long型的数据没有什么问题,可以用==来判断,但对浮点数(float与double)来说,需要对Float.NaN和0.0这个两个特殊数字作额外的处理.Float.NaN ...

  8. 功能模块图、业务流程图、处理流程图、ER图,数据库表图(概念模型和物理模型)画法

    如果你能使用计算机规范画出以下几种图,那么恭喜你,你在我这里被封为学霸了,我膜拜ing-- 我作为前端开发与产品经理打交道已有5-6年时间,产品经理画的业务流程图我看过很多.于是百度搜+凭以往经验脑补 ...

  9. vs2010 Express 下载连接

    记录: vs2010  Express 下载连接 正式下载链接: http://download.microsoft.com/download/5/C/1/5C156922-CA10-49D8-B7E ...

  10. js移除最后一个字符,js替换字符串的连接符号,js移除最后一个分隔符号

    js移除最后一个字符 js移除最后一个分隔符号 js替换字符串的连接符号 >>>>>>>>>>>>>>>> ...