五、属性遍历与删除
1、使用for…in…遍历自定义对象属性
基本语法:
for…in…(主要是完成对对象的遍历)
示例代码:
运行效果:
说明:在17行代码,不能使用p1.i形式进行自定义对象属性的遍历,否则会弹出undefined,原因是因为当代码识别到p1对象会认为p1.i是访问p1对象的i属性,由于没有定义i属性,所以系统会弹出3个undefined。
2、使用for…in…结构实现系统对象的遍历
window
document
示例代码:
运行效果:
3、属性删除操作
在Javascript,有时我们可能并不需要某个对象的某个属性,这个时候我们可以采用delete关键词实现对自定义属性的删除操作
基本语法:
delete对象.属性
删除指定属性
示例代码:
运行效果:
六、成员方法
1、基本语法:
对象.属性 = 函数的首地址
例1:为对象添加speak说话方法
例2:创建对象p2,为p2添加speak说话方法
观察以上代码,与例1中的p1对象的成员方法完全一致,似乎代码出现了重叠,改进上题
例3:改进上题
例4:由于以上代码有很多重复性的代码,那么我们可以对以上代码进行封装
七、json对象
1、什么是json
对象是指属性的无序集合
所谓“集合”是指名/值对的集合,名/值对之间是通过 ,逗号隔开的
在js中,可以使用{}来表示这个集合
2、基本语法
var 变量 ={};
第一种:{‘属性’:’属性的值’, ‘属性’:’属性的值’, ‘属性’:’属性的值’}
第二种:{“属性”:”属性的值”, “属性”:”属性的值”, “属性”:”属性的值”}
第三种:{属性:’属性的值’,属性:’属性的值’,属性:’属性的值’,}
3、快速入门
例1:通过json对象描述一个人的信息
4、json对象从“何”而来
通过以上代码可以证明:
json对象是Object类的一个实例,其实在Javascript中,Object类是所有类的基类,所有的对象都继承了Object类的属性。
json对象主要用于大批量数据的保存
例2:通过json对象保存多个人的信息
5、php与json
在php提供了两个生成与解析json格式的函数
json_encode(数组或对象)
数组通常采用关联性数组
json_decode(json格式字符串)
ajax xml
ajaj json
1)把数组转化为json格式的数据
2 )把对象转换成json格式的数据
说明:在json_encode函数中,目前只支持UTF-8,如果是GBK或GB2312请通过iconv进行转化,否则无法使用或无法得到正常数据
3)把二维数组转化为json格式数据
4)json_decode代码解析
json_decode($json对象,[bool])
功能:把json格式数据反转化
参数说明:
第一个参数是json格式数据
第二个参数是布尔类型的值,如果为true,则返回array数组类型的数据,如果是false或不填写,则直接返回stdClass类的实例(对象)
不加true参数效果
案例:通过php+json完成对历史上的今天api接口调用
a)复制url地址http://japi.juhe.cn/toh/toh?key=您申请的KEY&v=1.0&month=11&day=1
参数说明
key:密钥
v:版本1.0
month:月份
day:天
b)通过接口可知,其属于get请求
效果如下:
6、为json对象添加成员方法
运行效果:
八、原型链
1、什么是原型对象?
答:当系统加载构造器时,系统会自动生成一个对象,我们把这个对象就称之为原型对象。
构造器与原型对象在内存中是相互独立的,但是其还有联系:
在构造器中存在一个prototype属性,指向原型对象
原型对象也存在属性指向构造器
2、原型对象作用?
当构造器的实例访问一个不存在的属性时,系统会自动到构造器的原型对象中去寻找,如找到则直接使用。
当我们在某些已存在的框架或对象中找不到我们想要属性或方法,我们可以借助原型对象,把需要的属性或方法追加到原型对象。
3、如何向原型对象中添加属性或方法
构造器.prototype.属性=属性的值
4、探讨:原型对象到底从何而来
说明:当系统创建原型对象,系统会自动执行以下代码
构造器.prototype = new Object();
由于原型对象都是Object类的实例,那么根据面向对象原则,我们的原型对象会自动继承Object类中属性和方法。
示例代码:
说明:当我们运行到第14行,系统自动访问p1对象的hasOwnPropery属性,但由于系统中并不存在hasOwnProperty属性,所以会到Person构造器的原型对象中去寻找,没有找到,又由于所有的原型对象都是Object类的实例,所以原型对象会自动继承Object类下面的所有的属性和方法,所以发现该行代码正常执行,原理图如下:
我们把以上情况就称之为原型继承,通过以上图解也可以证明,Object类是所有类的基类。
说明:在Javascript中,当某一个对象引用一个不存在属性或方法时,系统首先到当前构造器的原型对象中去寻找,如还找不到,其会到上一层原型对象中去寻找,直至Object原型对象,我们把这种链接查找关系就称之为原型链。
作业:扩展数组类的功能:(Array)
为每一个数组对象添加一个方法,可以查找某个元素的所在位置
var arr = [10,20,30,40,50];
arr.find(40);
2、扩展数字类的功能(Number)
为一个数字对象添加一个方法,该方法的参数为任意数目的整数,然后将所有参数累加到一起,并返回总和
vari = 10;
i.sum(10,30,40,50,60,60);