JavaScript 对象(Object)常用方法详解

1. Object.assign()

用于克隆

var first = {
     name : 'kong'};
var last = {
     age : 18};
var person = Object.assign(first, last);
console.log(person);//{name : 'kong', age : 18}

2. Object.is()

用于判断两个值是否相同

Object.is(a, b); //返回true或false
//注意,该函数与==运算符不同,不会强制转换任何类型,
//应该更加类似于===,但值得注意的是它会将+0和-0视作不同
Object.is(+0, -0)  // false
Object.is(NaN, NaN)  // true
Object.is(NaN, 0/0)  // true
+0 === -0 // true
NaN === NaN // false

3. Object.keys()

用于返回对象可枚举的属性和方法的名称

var a = {
     name : 'kong', age : 18, func : function(){
     }};
Object.keys(a); //['name', 'age', 'func']

4. isPrototypeOf()

确定一个对象是否存在于另一个对象的原型链中

function a(){
     }
var b = new a();
console.log(a.prototype.isPrototypeOf(b)); //true

5. Object.defineProperty()

劫持变量的set和get方法,将属性添加到对象,或修改现有属性的特性

var a = {
     };
Object.defineProperty(a, 'name', {
     
	value : 'kong',
	enumerable : true	//该属性是否可枚举
})

6. Object.getOwnPropertyNames(obj)

返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组

var obj = {
      0: "a", 1: "b", 2: "c"};
console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]

7. 判断对象中是否存在某个属性

  1. 使用 in 关键字
var person = {
     
	name:'小明',
	age:18
}
console.log('age' in person)	// true 自有属性存在
console.log('address' in person)	// false
console.log('toString' in person) 	// true,是一个继承属性
  1. 使用对象的hasOwnProperty()方法
var person = {
     
	name:'小明',
	age:18
}
console.log(person.hasOwnProperty('age'))	// true
console.log(person.hasOwnProperty('address'))	// false 
console.log(person.hasOwnProperty('toString'))	// false 这是一个继承属性,但不是自有属性
  1. 使用undefined判断
 // 自有属性和继承属性均可判断
 var person = {
     
	name:'小明',
	age:18
}
console.log(person.age !== undefined)	// true
console.log(person.address !== undefined)	// false
console.log(person.toString !== undefined)	// true

使用undefined判断,存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下:

var person = {
     
	name:'小明',
	age:undefined
}
console.log(person.age !== undefined)	// false 属性存在,但值是undefined
console.log(person.address !== undefined)	// false
console.log(person.toString !== undefined)	// true

4.在条件语句中判断

var person = {
     }
if(person.age){
     
	person += 1
}
// 如果 age 是 undefine,null,false," ",0 或 NaN ,它将保持不变

8. 判断对象是否为空

  1. es6中使用Object.keys(obj)
var data = {
     };
var arr = Object.keys(data);
console.log(arr.length == 0); // true 为空, false 不为空
  1. 将json对象转化为json字符串,再判断该字符串是否为"{}"
var data = {
     };
var b = (JSON.stringify(data) == "{}");
console.log(b);   //true 为空, false 不为空

9.

var obj1 = {
     
    name:'',
    age:'',
    city:'武汉',
    sex:'',
}
var obj2 = {
     
    name:'',
    city:'南京',
    sex:'男'
}
Object.keys(obj2).forEach(key=>{
     
    obj1[key] = obj2[key]
})
console.log(obj1,obj2) // {age:'',city:'南京',name:"",sex:"男"} {city:'南京',name:"",sex:"男"}

参考文章(侵删)

你可能感兴趣的:(JavaScript,javascript,es6,前端)