目录
检测对象的属性是否是自有属性,区分继承属性 hasOwnProperty
检测对象的属性是否是可枚举属性 propertyIsEnumerable
JS对象的创建
对象的初始化有两种方式,构造函数模式和字面量模式。
字面量模式
对象使用"{}"作为对象的边界,对象是由多个属性组成,属性与属性之间通过","隔开,属性名与属性值通过":"隔开;属性名一般不添加引号(当属性名中出现特殊字符的时候需要添加引号),属性值如果是字符串的一定添加引号。
构造函数模式
使用Object或者使用自定义构造函数来初始化对象
// {}
var obj1 = {};
// 直接使用字面量
var obj2 = {
name:'lisi',
age:18
};
// 使用构造函数
var obj3 = new Object();
JS对象的访问
属性访问方式也有两种,点访问、中括号访问。
点后面直接跟的是对象的属性,如果属性存在可以访问到,如果属性不存在,得到undefined。 中括号 中 放的是变量,中括号可以将该变量进行解析。
var obj = {
name:'zhangsan',
age:12,
sayName:function(){
console.log('我被访问了');
return 1;
}
}
// 访问属性 点访问法
console.log(obj.name);
// 中括号访问法 可以解析变量
console.log(obj['age']);
console.log(obj['sayName']()); // 没返回值 undefined
遍历删除新增修改
普通版的for循环可以遍历数组,但无法遍历对象。
增强版的for循环:
for..in用于遍历数组或者对象的属性。
obj对象:依次从obj中获取到属性名 “自定义变量名key”用来指定是数组的元素索引,也可以是对象的属性。
for(自定义变量名 in 数组/对象){
执行代码
}
for(var key in obj){
var value=obj[key];
}
// 遍历对象 key属性名 obj[key]访问该属性名对应的属性值
for(let key in obj){
console.log(key,obj[key]);
}
// 删除一个属性 delete
delete obj['name'];
console.log(obj);
// 新增
obj['name'] = 'zhangsan';
console.log(obj);
检测对象的属性是否是自有或者继承属性 in
检测对象的属性是否是自有或者继承属性 in obj,是自有或继承返回true,反之false
// 自有属性或继承属性
var obj = {
name:'zhangsan',
age:20,
};
console.log('name' in obj);
console.log('age' in obj);
// 继承来的
console.log('gender' in obj);
console.log('toString' in obj);
检测对象的属性是否是自有属性,区分继承属性 hasOwnProperty
// 是否是自有属性,对继承属性返回false
console.log(obj.hasOwnProperty('name'));
console.log(obj.hasOwnProperty('age'));
console.log(obj.hasOwnProperty('gender'));
console.log(obj.hasOwnProperty('toString'));
检测对象的属性是否是可枚举属性 propertyIsEnumerable
// 是否是可枚举属性 propertyIsEnumerable
console.log(obj.propertyIsEnumerable('name'));
console.log(obj.propertyIsEnumerable('age'));
console.log(obj.propertyIsEnumerable('gender'));
console.log(obj.propertyIsEnumerable('toString'));