如何在JavaScript中使用对象

  介绍

本篇文章为大家展示了如何在JavaScript中使用对象,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

js中,对象,数组,函数等都属于引用类型,他们的变量名都是指向对象的指针。

这样就有一个好处,当处理一个复杂json树的时候,想要单独改变其中某一个子对象属性时,不需要根据对象id遍历查找到这个对象了,而是可以直接通过事件方式将这个对象通过参数的方式赋值给一个专属变量,这个变量就指向这个对象,这样就可以随意改变对象属性了。改变这个变量对应的对象,整个json树中的这个对象也被相应的改变。

& lt; ! DOCTYPE  html>   & lt; html>   ,,,& lt; head>   ,,,,,,,& lt; meta  charset=癠TF-8"比;   ,,,,,,,& lt; title> & lt;/title>   ,,,& lt;/head>   ,,,& lt; body>   ,,,,,,,& lt; div 比;   ,,,,,,,,,,,& lt; ul  id=癱lassmates"比;   ,,,,,,,,,,,& lt;/ul>   ,,,,,,,,,,,& lt; div 类=癳dit"比;   ,,,,,,,,,,,,,,,& lt; span>姓名:& lt;/span>   ,,,,,,,,,,,,,,,& lt; input 类型=皌ext" https://www.yisu.com/zixun/, value=" name="名称"/>   
  年龄:      
  
  <脚本type=" text/javascript”>//保存选中的同学={var同学   名称:",   年龄:"   }//同学列表   var arr=(   {   的名字:“小明”,   年龄:22   },   {   的名字:“小黑”,   年龄:23   },   {   的名字:“小红”,   年龄:24   },   {   的名字:“小白”,   年龄:25   }   ];   var nameNode=document.querySelector(“输入[name='名字']”);   var ageNode=document.querySelector(“输入[name='年龄']”);   nameNode.addEventListener(“弹起”,函数(){   classmate.name=nameNode.value;   update ()//console.log(同学)   })   ageNode.addEventListener(“弹起”,函数(){   classmate.age=ageNode.value;   update ()   })//进行双向绑定   Object.defineProperty(同学,“名字”,{   得到:函数(){   返回的同学(“名字”)   },   设置:函数(val) {   同学['名称')=val;   }   })   Object.defineProperty(同学,“年龄”,{   得到:函数(){   返回的同学(“年龄”)   },   设置:函数(val) {   同学(“年龄”)=val;   }   })//重绘ul列表   函数update () {   document.querySelector(“#同学”).innerHTML=" ";   我(var=0; 上述内容就是如何在JavaScript中使用对象,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。

如何在JavaScript中使用对象