查询属性:

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

演示代码:

 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 中对象--属性相关操作相关推荐

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

    2019独角兽企业重金招聘Python工程师标准>>> 一.字符串的创建 创建一个字符串有几种方法.最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myS ...

  2. Node.js中multer的相关操作

    文章目录 一.练习看结构 (1)index.html文件 (2)server.js文件 示例一 示例二 (3)常用 二.multer的用法示意图 三.表单转Ajax上传文件 一.练习看结构 (1)in ...

  3. js 中对象属性的特性

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

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

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

  5. JS中对象按属性排序(冒泡排序)

    原文地址 https://www.cnblogs.com/it-Ren/p/10898947.html 一路向北√ 越努力,越幸运. JS中对象按属性排序(冒泡排序) 冒泡排序:它重复地走访过要排序的 ...

  6. 原生JS中DOM节点相关API合集

    原生JS中DOM节点相关API合集 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Te ...

  7. 关于JS中target属性

    关于JS中target属性的使用 首先先介绍一下target这个属性--触发事件的元素 定义和语法 //定义 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素 获取当前 ...

  8. JS 中对象的深浅拷贝(ES3、ES5、ES6不同方法底层实现,一文搞清楚深浅拷贝面试常问题)

    JS 中对象的深浅拷贝   拷贝我们都知道这个词的意思,我们经常做过复制.粘贴的操作,其中的复制就是拷贝,那么在拷贝的时候,如果我们复制出来的内容和原内容是完全的分开,各自不相影响,那么这就属于深拷贝 ...

  9. js中scroll滚动相关

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

最新文章

  1. Spring Boot启动过程(二)
  2. 听Ruby之父畅谈编程语言的设计
  3. SAP WM中阶之LT25确认Group中的TO单据
  4. C语言写的程序如何控制计算机硬件
  5. pymongo 日期类型
  6. 三大无线技术 —— WiFi、蓝牙、HomeRF(无线网卡、WPAN)
  7. 换了路由器电脑都连不上网了_如果你连汽滤多久换一次,都不知道,就不要说自己是老司机了...
  8. 【java编程规范】阿里巴巴编程考试规范+真题答案+考试分享
  9. Android MediaProjection截屏与录屏(ScreenCapture Library 的使用)(二)
  10. 2A锂电池充电管理芯片,具有恒压/恒流充电模式的充电管理 IC
  11. “没有灵魂”的AI作诗,有啥用?
  12. 解析几何 直线与平面 直线与平面(1.2)
  13. 关于wifi密码破解之路-1
  14. 百度收录自动化提交脚本 - python
  15. 机器学习 Python scikit-learn 中文文档(10)Scikit-Learn 处理文本数据
  16. 互联网已到中年,下一个产业革命是?
  17. 国内外大数据可视化分析产品点评
  18. 台式计算机内存可以扩展到多大,64位电脑系统可以支持多大内存【详细介绍】...
  19. 我的世界hmcl启动器登录教程
  20. 离散数学之一 命题逻辑

热门文章

  1. 两个整数相加减是否溢出
  2. 【EventBus】事件通信框架 ( 实现几个关键的封装类 | 消息中心 | 订阅注解 | 订阅方法封装 | 订阅对象-方法封装 | 线程模式 )
  3. 【错误记录】Android Studio 编译报错 ( Could not find com.android.tools.build:gradle:4.2.1. )
  4. 【MATLAB】数据类型 ( 执行代码 | 清空命令 | 注释 | 数字 | 字符 | 字符串 )
  5. 【计算机网络】数据链路层 : 流量控制 ( “流量控制“ 机制 | 停止-等待协议 | 滑动窗口协议 | 后退 N 帧协议 GBN | 选择重传协议 SR | 滑动窗口 与 流量控制、可靠传输 )
  6. 作为面试官的一点小感想
  7. GIL(全局解释器锁)与互斥锁
  8. [国家集训队]最长双回文串 manacher
  9. [算法题] Search in Rotated Sorted Array ii
  10. VS2005+WINDDK+Driver Studio 3.2编译出第一个测试驱动程序