ES6新新增Object方法

原创已于 2022-11-16 16:33:07 修改 · 402 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

于 2022-11-15 23:08:34 首次发布

本文详细介绍了ES6中Object的几个核心方法，包括Object.is()用于精确比较值，Object.assign()用于对象合并，Object.hasOwn()判断对象自身属性，Object.seal()使对象不可配置，以及Object.keys()和Object.values()获取对象的键名和键值。通过实例展示了这些方法的使用方式及其与ES5的区别，帮助读者更好地理解和应用ES6的Object特性。

ES6新新增Object方法

方法名	含义
Object.is()	判断两个数是否相同,返回布尔值
Object.assign()	合并对象，返回一个新对象
Object.hasOwn	判断某个属性是否是对象的自身属性，返回布尔值
Object.seal()	把对象变成不可配置对象
Object.keys(对象)	获取对象的所有键名,返回一个数组
Object.values(对象)	获取对象的所有键值，返回一个数组
Object.freeze	冻结对象

Object.is(值1，值2)

//ES6 判断两个值是否相同
var res = Object.is(NaN===NaN);
console.log(res)
输出 ： false

//ES5
var a = 10;
var b ='10';
console.log(a===b);
输出 ： false

Object.assign(要合并的对象1，要合并的对象2…)

//ES6 合并对象，返回一个新对象
var obj1 = {name:'小乐',age:18};
var obj2 = {hobby:'打篮球'};
var obj3 = {height:'123cm'};
let res = Object.assign(obj1,obj2,obj3);
console.log(res);
输出 ： {name: '小乐', age: 18, hobby: '打篮球', height: '123cm'}；

Object.hasOwn(对象，要判断的属性)

取代ES5中的hasOwnProperty（）

//ES6 判断某个属性是否是对象自身的属性，返回布尔值
//要求：找到自身呢个的属性并打印
Object.propertype.name = '小乐';
var obj1 = {age:13,height:'123cm'};
for(let key in obj){  //for in 可以找到原型链上的属性
	//ES5
	console.log(obj.hasOwnProperty('name'))
	if(Object.hasOwn(obj1,key)){
		console.log(key) //age,height
	};
};


//ES5
Object.prototype.name = '小乐';
var obj1 = {age:13,height:'123cm'};
for(let key in obj1){  //for in 可以找到原型链上的属性
	//ES5
	if(obj1.hasOwnProperty('name')){
	console.log(key)
	};
};
输出：age,height

Object.seal(对象) 把对象变成不可配置对象

var obj = {
	name : '小乐',
	age:16
};
//delete obj.age;
//console.log(obj);
//输出 ： {name : '小乐'}
Object.seal(obj);
delete obj.age;
console.log(obj);
输出：{
	name : '小乐',
	age:16
};

Object.keys(对象)

var obj = {
	name : '小乐',
	age:16
};
var arr = Object.keys(obj);
console.log(arr);
输出 ： [name,age];

Object.values(对象)

var obj = {
	name : '小乐',
	age:16
};
var arr = Object.values(obj);
console.log(arr);
输出 ： ['小乐',16];