首页 > web前端 > js教程 > 正文

es6 中 object 有哪些方法 测试测试测试

王林
发布: 2022-10-20 14:52:03
原创
1130 人浏览过

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

ES6中Object新增方法

Object.is()

Object.is()它用来比较两个值是否严格相等,与严格比较运算符( === )的行为基本一致,是在三等号判断的基础上新增了两个不同之处。

Object.is()不同之处只有两个:一是+0不等于-0,二是NaN等于自身。

语法:Object.is(value1, value2);

传入两个要比较的值,判断是否相同,全等的话返回true,不全等返回false。

三等号既要判断值的类型是否相等,还要判断引用地址是否相等。所以Object.is()也是,在判断对象和数组这些引用类型的数据是不相等的。

Object.assign()

Object.assign()方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。

注意:

这里是浅拷贝!!

如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性!!

let obj1 = {a:{b:1},b:22};
let obj2 = Object.assign({b:11},obj1);
console.log(obj2); // {b:22,a:{b:1}}
//修改obj1的属性值
obj1.a.b = 2;
//这时会影响到obj2的属性值,这就是浅拷贝导致的
console.log(obj2.a.b); // 2

Object.keys()、Object.values()、Object.entries()

Object.keys()方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名数组。

Object.values()方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值数组。

Object.entries()方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值对数组。

let obj = {name:"winne",age:22};
let objKeys = Object.keys(obj);
let objValues = Object.values(obj);
let objItem = Object.entries(obj);

console.log(objKeys);   //["name","age"]
console.log(objValues); //["winne",22]
console.log(objItem);   //[["name","winne"],["age",22]]

取出了想要的部分,我们就可以遍历数组取得每一项了。

//for..of遍历

for( let key of objKeys){
    console.log(key)
}
//name
//age

//forEach遍历
objKeys.forEach(function(item,index){
    console.log(item,index);
})
//name  0
//age   1

【相关推荐:javascript视频教程、编程视频】

以上是es6 中 object 有哪些方法 测试测试测试的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
es6
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板