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对象和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();
-
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对象与json字符串格式转换实例
本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"&g
-
用原生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创建对象的方式总结
本文实例总结了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"> //定义猫的对象 var kitty = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我会爬树')}}; //老虎对象的构造函数 function tiger(){ this.color = "ye
-
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中的json对象详细介绍
1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的"'名称:值'对"集合.一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"(冒号):"'名称/值'对&qu
-
js面向对象之静态方法和静态属性实例分析
本文实例讲述了js面向对象之静态方法和静态属性.分享给大家供大家参考.具体分析如下: 先看如下代码: 复制代码 代码如下: <script type="text/javascript"> function Bird(){ this.wing = 2; this.fly = function(){ alert("我是鸟,我会飞"); } } var maque = new Bird();//创建maque对象后,我们可以使用Bird的方法和属性
-
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];
随机推荐
- 解决Access出现Microsoft JET Database Engine (0x80004005)未指定的错误
- Python利用flask sqlalchemy实现分页效果
- AngularJS 基础ng-class-even指令用法
- Angular directive递归实现目录树结构代码实例
- c#转义字符串中的所有正则特殊字符方法示例
- XHTML-Strict 内允许出现的标签
- php IP转换整形(ip2long)的详解
- PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
- php面向对象全攻略 (五) 封装性
- 百度ping方法使用示例 自动ping百度
- 一个JavaScript防止表单重复提交的实例
- C#中IEnumerable接口用法实例分析
- 详谈PHP编码转换问题
- 一波实用的Bash Shell整理
- jQuery中Find选择器用法示例
- javascript中的几个运算符
- js事件冒泡实例分享(已测试)
- Android中利用xml文件布局修改Helloworld程序
- 路由器接口及连接
- 参考sql2012存储过程写的统计所有用户表尺寸大小的示例