js 中对象--属性相关操作
查询属性:
可以用 对象.属性 来查询属性和属性方法 或者 对象[“属性”] 来查询属性和属性方法
演示代码:
<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 中对象--属性相关操作的更多相关文章
- js 中对象属性特性的描述
如何自定义属性的特性? 用对象.属性的特性和自定义的属性的特性有什么区别? 它的四大特性 writable enumerable configable 有什么区别? 先预习一个用对象.属性 ...
- JS中字符串的相关操作
一.字符串的创建 创建一个字符串有几种方法.最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myStr = "Hello, String!"; 可以用双 ...
- 在js中对属性的操作
一:访问属性 两种方法: ①:对象名.属性名 function test(sno,age,sex){ this.sno=sno, this.age=age, this.sex=s ...
- js 中对象属性的特性
数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和写入值. 4个描述的行为特性: writable 表示能否修改属性的值.默认为true Enumerable 表示能否过过for in循 ...
- js 中对象属性特性2
对象的存储描述: get 和 set 方法 <script> var obj ={ get age(){ return 22 }, set age(value){ console. ...
- js中表格的相关操作
tHead:表头 tBodies:表格正文 tFoot:表格尾 rows:行 cells:列 表格的应用: 1.获取 2.表格创建 3.隔行变色 4.删除一行 <!DOCTYPE html> ...
- JS 中对象的简单创建和继承
对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var a ...
- js进阶 11-3 jquery中css属性如何操作
js进阶 11-3 jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...
- js中scroll滚动相关
js中scroll滚动相关 scroll,滚动,一般讨论的是网页整体与浏览器之间的关系. 一.元素相关 属性/方法 解释 element.scrollHeight 返回元素的整体高度. element ...
随机推荐
- java利用反射调用类的某个方法
java利用反射机制 可以动态调用某个类的某个方法,在 扩展系统功能或提供对外接口时经常用的到. 代码如下: 打印类Print.java package com.test.reflct; /** * ...
- 【设计模式 - 24】之访问者模式(Visitor)
1 模式简介 访问者模式的定义: 访问者模式将数据结构与数据操作进行了分离,解决了稳定的数据结构和易变的数据操作的耦合问题. 访问者模式的优点: 1) 符合单一职责原则: 2) ...
- freemaker的基本语法
先来解释一下freemaker的基本语法了,<# ... > 中存放所有freemaker的内容,之外的内容全部原样输出.<@ ... /> 是函数调用两个定界符内的内容中,第 ...
- 搭建PHP开发环境 apache+MySQL+PHP 安装phpMyAdmin模块
该博文参考的资料来源于: http://wenku.baidu.com/view/0e4c569ddd3383c4bb4cd267.html http://www.cnblogs.com/pharen ...
- Android M 新的运行时权限开发者需要知道的一切
android M 的名字官方刚发布不久,最终正式版即将来临!android在不断发展,最近的更新 M 非常不同,一些主要的变化例如运行时权限将有颠覆性影响.惊讶的是android社区鲜有谈论这事儿, ...
- linux内存管理系列 +CFS 图解
http://blog.chinaunix.net/uid-20543183-id-1930786.html http://blog.csdn.net/ustc_dylan/article/categ ...
- qt中如果用qDebug输出彩色调试信息
Linux: 在终端输出彩色信息有点类似于html的语法,即在要输出的文字前加上转义字符. 指令格式如下\033[*m 这里的*就是转义字符,例如我们要输出一段绿色的文字 qDebug(" ...
- Cocos2d-x在win32,android和IOS下的文件读写问题
最近在学习和使用Cocos2d-x框架,虽然说的是跨平台,但是在用VS进行开发,然后移植到android或IOS下,也可能会出现各种问题,需要做细微的调整. 例如我在做文件读写操作的时候,很可能在wi ...
- Servlet 工作原理解析--转载
原文:http://www.ibm.com/developerworks/cn/java/j-lo-servlet/index.html?ca=drs- Web 技术成为当今主流的互联网 Web 应用 ...
- ubuntu15.10英文系统中文输入法配置 fcitx
15.10 默认安装的输入法engine就是fcitx,如果你安装的时候locale选中文,应该不用任何折腾就可以用了,但我习惯了用英文系统,所以..... 系统安装好之后,做如下修改: 安装语言包 ...