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程序设计有所帮助。
相关推荐
-
JS对象与json字符串格式转换实例
本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"&g
-
jquery处理json对象
在服务器端的php脚本: 复制代码 代码如下: <?php $data['id'] = 1; $dat['name'] = "mary"; $da['red']= array_merge($data,$dat); $data1['id'] = 2; $dat1['name'] = "燕子"; $da['blue']= array_merge($data1,$dat1); print_r($da); //打印出来是一个二维数组
-
创建js对象和js类的方法汇总
代码很简单,就不多废话了. 复制代码 代码如下: //第一种定义方式 var person=new Object(); //创建了一个对象. person.name="tom"; //使用person对象对调用name属性,它的值为tom alert(person.name); //显示name属性值 person.say=function(){ //对person对象添加了一个say函数. alert("person say"); }; person.say();
-
js对象的复制继承实例
本文实例讲述了js对象的复制继承.分享给大家供大家参考.具体如下: 复制代码 代码如下: <script type="text/javascript"> Object.prototype.extend = function(obj){ //在函数里,把obj属性复制到自身 for(var k in obj){ if(obj.hasOwnProperty(k)){ if(this[k] == undefined){ this[k] = obj[k];
-
js创建对象的方式总结
本文实例总结了js创建对象的方式.分享给大家供大家参考.具体如下: 复制代码 代码如下: <script type="text/javascript"> //1. 通过字面值来创建对象 var obj = {hobby:'篮球',girlf:'美女'}; document.write(obj.hobby + '和' + obj['girlf']); //2. 通过new Object方式来创建对象,Object为系统自带的构造函数 var obj2 = new Object
-
js Object2String方便查看js对象内容
<script type="text/javascript"> /** * 将JS的任意对象输出为json格式字符串 * @param {Object} _obj: 需要输出为string的对象 */ var obj2String = function(_obj) { var t = typeof (_obj); if (t != 'object' || _obj === null) { // simple data type if (t == 'string') { _o
-
js面向对象之静态方法和静态属性实例分析
本文实例讲述了js面向对象之静态方法和静态属性.分享给大家供大家参考.具体分析如下: 先看如下代码: 复制代码 代码如下: <script type="text/javascript"> function Bird(){ this.wing = 2; this.fly = function(){ alert("我是鸟,我会飞"); } } var maque = new Bird();//创建maque对象后,我们可以使用Bird的方法和属性
-
用原生JS获取CLASS对象(很简单实用)
听说是最常用....我是看了dom编程艺术想到的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
-
js中的json对象详细介绍
1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的"'名称:值'对"集合.一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"(冒号):"'名称/值'对&qu
-
JS和JQ的event对象区别分析
代码测试: 复制代码 代码如下: <div id="test"><p>test text<p></div> <script src="vendor/jquery-2.1.1.js"></script> <script> test.addEventListener('click', function(e){console.log(e);}, false), $('#test').on(
-
js对象继承之原型链继承实例
本文实例讲述了js对象继承之原型链继承的用法.分享给大家供大家参考.具体分析如下: 复制代码 代码如下: <script type="text/javascript"> //定义猫的对象 var kitty = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我会爬树')}}; //老虎对象的构造函数 function tiger(){ this.color = "ye
随机推荐
- 用VBS写的VBSCRIPT代码格式化工具VbsBeautifier
- 中文附件无法下载的问题分析
- Centos7 安装步骤及注意事项
- 解析Java虚拟机中类的初始化及加载器的父委托机制
- js禁止回车提交表单的示例代码
- .net 反序题目的详细解答第1/2页
- PHP中3种生成XML文件方法的速度效率比较
- Android自定义表格控件满足人们对视觉的需求
- 通过第三方接口发送短信验证码/短信通知(推荐)
- 基于C语言实现shell指令的详解
- 详解vue中computed 和 watch的异同
- 基于Jquery实现表格动态分页实现代码
- jquery.gridrotator实现响应式图片展示画廊效果
- 一种可以穿透还原卡和还原软件的代码
- Java项目开发命名规范(动力节点Java学院整理)
- Android开发之OpenGL绘制2D图形的方法分析
- Android 录制手机屏幕视频生成GIF图片实例详解
- .net msmq消息队列实例详解
- 详解python中的线程与线程池
- Python的互斥锁与信号量详解