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

飞熊 • 2023年4月28日上午10:19 • 前端开发 • 阅读 91

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. 判断对象中是否存在某个属性

使用 in 关键字

var person = {
	name:'小明',
	age:18
}
console.log('age' in person)	// true 自有属性存在
console.log('address' in person)	// false
console.log('toString' in person) 	// true，是一个继承属性

使用对象的hasOwnProperty()方法（推荐）

var person = {
	name:'小明',
	age:18
}
console.log(person.hasOwnProperty('age'))	// true
console.log(person.hasOwnProperty('address'))	// false 
console.log(person.hasOwnProperty('toString'))	// false 这是一个继承属性，但不是自有属性

使用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. 判断对象是否为空

es6中使用Object.keys(obj)

var data = {};
var arr = Object.keys(data);
console.log(arr.length == 0); // true 为空， false 不为空

将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:"男"}