一.ES5_json扩展
1.JSON.stringify(obj/arr)
js对象(数组)转换为json对象(数组)
2.JSON.parse(json)
json对象(数组)转换为js对象(数组)
二.ES5_Object扩展
ES5给Object扩展的静态方法,常用的2个
1.Object.create(prototype, [descriptors])
*作用:已指定对象原型 创建新的对象
*为新的对象指定新的属性,并对属性进行描述
- value : 指定值
- writable: 标识当前属性是否能修改, 默认为false
- configurable: 标识当前属性是否可以被删除 默认为false
- enumerable: 标识当前属性是否能用for in 枚举 默认为false
示例:
var obj = {username: 'damu', age:30};
var obj1 = {};
obj1 = Object.create(obj,{
sex:{
value: '男',
writable: true,
configurable: true,
enumerable: true,
}
});
console.log(obj.sex);
obj1.sex = '女';
console.log(obj1.sex);
//delete obj1.sex;
//console.log(obj1);
for(var i in obj1){
console.log(i);
}
2.Object.defineProperties (object, descriptors)
*作用:为指定对象定义扩展多个属性
*get : 用来获取当前属性值的回调函数
*set : 监听当前属性值改变 触发回调函数,并实参就是修改后的值
*存取器属性:setter ,getter 一个用来存值,一个用来取值
var obj2 = {firstName: 'kobe', lastName: 'bryant'};
Object.defineProperties(obj2,{
fullName: {
get: function () { //get方法在这里是专门用来获取属性的值,获取属性值的时候get方法自动调用
return this.firtName + ' ' + this.lastName;
}
set: function (data){ //set 监听扩展属性,当扩展属性自动发生变化的时候回自动调用,自动调用后会将变化的值作为实参注入到set函数,这个data就是变化的值。
console.log('set()', data)
var names = data.split(' ');
this.firstName = names[0];
this.lastName = names[1];
}
}
})
console.log(obj2.fullName);//打印扩展属性,此时get方法自动调用
obj2.fullName = 'tim duncan';//属性发生改变的时候调用set方法
console.log(obj2.fullName);
对象本身的两个方法
- get propertyName(){} 用来得到当前属性的回调函数
- set propertyName(){} 用来修改当前属性变化的回调函数
var obj = {
firstName: 'curry',
lastName: 'stephen',
get fullName(){
return this.firstName + ' ' + this.lastName;
}
set fullName(data){
var names = data.split(' ');
this.firstName = names[0];
this.lastName = names[1];
}
};
console.log(obj);
obj.fullName = 'kobe bryant';
console.log(obj.fullName);
三.ES5_数组的扩展
- Array.prototype.indexOf(value): 输入值在数组中的第一个下标
2.Array.prototype.lastIndexOf(value):得到的值在数组中最后一个下标
3.Array.prototype.forEach(function(item, index){ }) :遍历数组
4.Array.prototype.map(function(item, index){ }): 遍历数组返回一个新数组,返回加工之后的值
5.Array.prototype.filter(function(item, index){ }) :
var arr = [2,7,3,5,9,5,2,9,7];
console.log(arr.indexOf(2)); //打印2的下标
console.log(arr.lastIndexOf(7));//打印最后一个7的下标
arr.forEach(function (item, index)){ //遍历并打印所有的数组和下标
console.log(item, index);
}
//使用map方法让之前的数组每一个都加10
var arr1 = arr.map(function (item, index){
return item + 10;
});
console.log(arr1);
//打印结果[12,17,13,15,19,15,12,19,17]
//使用filter过滤出arr中大于5的的数
var arr2 = arr.filter(function (item, index) {
return item > 5
})
console.log(arr, arr2);
//打印结果[7,9,9,7]
网友评论