服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js对象基础实例分析

js对象基础实例分析

2021-07-01 18:08JS教程网 JavaScript

这篇文章主要介绍了js对象基础,以实例形式分析了js对象的创建、读取及遍历等技巧,需要的朋友可以参考下

本文实例讲述了js对象基础用法。分享给大家供大家参考。具体分析如下:

js对象在本质上与数组相同,都是存放一组数据。但创建方法有所不同,对象需要添加属性。

这里简单讲述对象的创建、读取/遍历,如下:

复制代码 代码如下:

<html>
<head>
</head>
<body>
<script type="text/javascript">
var stu = {name:'王美人',age:25,num:'10935'};//创建对象
document.write(stu['name'] + '<br />');//对象读取方法一
document.write(stu.age + '<br />');//对象读取方法二

 

//遍历对象。for in结构
for(per in stu){//表示遍历对象,每一次都将对象的属性值赋给per
 document.write(stu[per] + '<br />');//遍历对象时,不能采用“obj.属性”的方式读取,只能用“obj[属性]”。
}

//删除对象中的某一个单元
delete stu.num;


//对象中的方法
var stu = {name:'王美人',age:25,num:'10935',talk:function(){alert('大家好,我叫王美人')}};//创建对象
stu.talk();//读取对象中的方法
</script>
</body>
</html>


另外,如果对象中某个方法,需要调用该对象中的某个属性,则使用this关键词,如this.属性名

 

希望本文所述对大家的javascript程序设计有所帮助。

延伸 · 阅读

精彩推荐