js 中对象--属性相关操作
查询属性:
可以用 对象.属性 来查询属性和属性方法 或者 对象[“属性”] 来查询属性和属性方法
演示代码:
1 <script> 2 var obj ={ 3 username:"ziksang", 4 age:22, 5 addr:"北京", 6 say:function(){ 7 return "我的名字叫 "+this.username //解析this,此处的this是指向obj对象,只是在方法say中调用了obj的属性,所以用this.obj来索引 8 } 9 } 10 alert(obj.username) //查询对象属性可以用对象.属性 11 alert(obj["addr"]) //还可以用对象["属性"] 12 var key="age" //当不确定属性的时候把属性赋值给一个变量 13 alert(obj[key]); //调用时可以用obj[变量] 14 alert(obj.say()) //查询属性方法时可以用obj.属性() 15 </script>
如果使用构造函数来创建的对象如何查询属性?
演示代码:
1 <script> 2 function Person(name,age,sex){ 3 this.name = name; 4 this.age =age; //this 指向的obj对象 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>
如何来添加属性?
演示代码:
1 <script> 2 var obj ={} //声明一个空的对象 3 obj.usename = "ziksang" //用obj.想要设置的属性 = 值 4 obj["age"] = 22 //还可以用obj["属性名"] =值 5 obj.say=function(){ //用obj.想要的属性方法 = 匿名函数 6 return this.usename 7 } 8 alert(obj.usename) //查询是否有此属性 9 alert(obj.age) 10 alert(obj.say()) 11 </script>
如何来修改属性?
演示代码:
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>
如何来删除属性?
演示代码:
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加上对象.属性名 10 delete obj.age 11 delete obj.say() //以上都同上 12 alert(obj.name+"\n"+obj.age+"\n"+obj.say())// =>undefined undefined undefined 13 </script>
如何来遍历属性? 用for in 来遍历属性
演示代码:
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 声名的属性变量来依次循环object 12 } 13 14 </script>
js 中对象--属性相关操作相关推荐
- JS中字符串的相关操作
2019独角兽企业重金招聘Python工程师标准>>> 一.字符串的创建 创建一个字符串有几种方法.最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myS ...
- Node.js中multer的相关操作
文章目录 一.练习看结构 (1)index.html文件 (2)server.js文件 示例一 示例二 (3)常用 二.multer的用法示意图 三.表单转Ajax上传文件 一.练习看结构 (1)in ...
- js 中对象属性的特性
数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和写入值. 4个描述的行为特性: writable 表示能否修改属性的值.默认为true Enumerable 表示能否过过for in循 ...
- JS 中对象的简单创建和继承
对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var a ...
- JS中对象按属性排序(冒泡排序)
原文地址 https://www.cnblogs.com/it-Ren/p/10898947.html 一路向北√ 越努力,越幸运. JS中对象按属性排序(冒泡排序) 冒泡排序:它重复地走访过要排序的 ...
- 原生JS中DOM节点相关API合集
原生JS中DOM节点相关API合集 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Te ...
- 关于JS中target属性
关于JS中target属性的使用 首先先介绍一下target这个属性--触发事件的元素 定义和语法 //定义 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素 获取当前 ...
- JS 中对象的深浅拷贝(ES3、ES5、ES6不同方法底层实现,一文搞清楚深浅拷贝面试常问题)
JS 中对象的深浅拷贝 拷贝我们都知道这个词的意思,我们经常做过复制.粘贴的操作,其中的复制就是拷贝,那么在拷贝的时候,如果我们复制出来的内容和原内容是完全的分开,各自不相影响,那么这就属于深拷贝 ...
- js中scroll滚动相关
js中scroll滚动相关 scroll,滚动,一般讨论的是网页整体与浏览器之间的关系. 一.元素相关 属性/方法 解释 element.scrollHeight 返回元素的整体高度. element ...
最新文章
- Spring Boot启动过程(二)
- 听Ruby之父畅谈编程语言的设计
- SAP WM中阶之LT25确认Group中的TO单据
- C语言写的程序如何控制计算机硬件
- pymongo 日期类型
- 三大无线技术 —— WiFi、蓝牙、HomeRF(无线网卡、WPAN)
- 换了路由器电脑都连不上网了_如果你连汽滤多久换一次,都不知道,就不要说自己是老司机了...
- 【java编程规范】阿里巴巴编程考试规范+真题答案+考试分享
- Android MediaProjection截屏与录屏(ScreenCapture Library 的使用)(二)
- 2A锂电池充电管理芯片,具有恒压/恒流充电模式的充电管理 IC
- “没有灵魂”的AI作诗,有啥用?
- 解析几何 直线与平面 直线与平面(1.2)
- 关于wifi密码破解之路-1
- 百度收录自动化提交脚本 - python
- 机器学习 Python scikit-learn 中文文档(10)Scikit-Learn 处理文本数据
- 互联网已到中年,下一个产业革命是?
- 国内外大数据可视化分析产品点评
- 台式计算机内存可以扩展到多大,64位电脑系统可以支持多大内存【详细介绍】...
- 我的世界hmcl启动器登录教程
- 离散数学之一 命题逻辑
热门文章
- 两个整数相加减是否溢出
- 【EventBus】事件通信框架 ( 实现几个关键的封装类 | 消息中心 | 订阅注解 | 订阅方法封装 | 订阅对象-方法封装 | 线程模式 )
- 【错误记录】Android Studio 编译报错 ( Could not find com.android.tools.build:gradle:4.2.1. )
- 【MATLAB】数据类型 ( 执行代码 | 清空命令 | 注释 | 数字 | 字符 | 字符串 )
- 【计算机网络】数据链路层 : 流量控制 ( “流量控制“ 机制 | 停止-等待协议 | 滑动窗口协议 | 后退 N 帧协议 GBN | 选择重传协议 SR | 滑动窗口 与 流量控制、可靠传输 )
- 作为面试官的一点小感想
- GIL(全局解释器锁)与互斥锁
- [国家集训队]最长双回文串 manacher
- [算法题] Search in Rotated Sorted Array ii
- VS2005+WINDDK+Driver Studio 3.2编译出第一个测试驱动程序