ES6语法 | Object

作者: 小母鸡叽叽叽 | 来源:发表于2017-01-18 14:42 被阅读163次

1. Object.is()

比较两个值是否相等

Object.is('foo','foo')  // true
Object.is({},{}) // false

2. Object.assign()

合并对象

let source1 = {a:1,b:1}
let source2 = {a:2,c:2}
let target = {b:0,c:0}
let target1 = Object.assign(target,source1,source2)
console.log(target); // { b: 1, c: 2, a: 2 }
console.log(target1);// { b: 1, c: 2, a: 2 }

3. Object.keys()

遍历对象,返回对象的key值

let arr = [1,2,3]
console.log(Object.keys(arr)); // 输出 [ '0', '1', '2' ]

let obj = { a: 1, b: 2, c: 3 }
console.log(Object.keys(obj)); // 输出 [ 'a', 'b', 'c' ]

4.Object.values()

遍历对象,返回对象的value值

let arr = [1,2,3]
console.log(Object.values(arr)); // 输出[1,2,3]

let obj = { a: 1, b: 2, c: 3 }
console.log(Object.values(obj)); // 输出 [1,2,3]

5.Object.entries()

遍历对象,返回key和value

let arr = [1,2,3]
console.log(Object.entries(arr)); // 输出[{0:'0',1:1},{0:'1',1:2},{0:'2',1:3}]

let obj = { a: 1, b: 2, c: 3 }
console.log(Object.entries(obj)); // 输出 [{0:'a',1:1},{0:'b',1:2},{0:'c',1:3}]

6. 给对象设置属性

const name = 'Allen';
let person = {name};
console.log(person); // {name:'Allen'}

思考:
for...in/of... 和Object.keys(), Object.values() 有什么区别?

相关文章

  • ES6语法 | Object

    1. Object.is() 比较两个值是否相等 2. Object.assign() 合并对象 3. Objec...

  • 二、逆向开发_Cycript

    Cycript 是Object-C++、ES6(JavaScript)、Java等语法的混合物作用:可以用来探索、...

  • IOS逆向_Cycript、PS的简单使用

    Cycript: 是Object-C++、ES6、Java等语法混合的产物,主要用来调试、探索MAC/IPhone...

  • ES6: Object

    ES6: Object 方法定义 语法更加简介 Get 和 Set 方法较 ES5 没有变化, 不过 Get 方法...

  • 全栈视频

    2019.3.12 ES6常用语法 1.Object 的keys、values、entries 2.模板字符串 3...

  • 数组array方法

    es6操作符... 复制数组...语法和 Object.assign() 行为一致, 执行的都是浅拷贝(只遍历一...

  • js杂

    es6循环 Object.keys(),Object.getOwnPropertyNames()Object.ke...

  • ES6对象的拓展

    在es6的语法中,我们可以使用新的对象方法: Object.is(); 判断两个值是否相等。 它与数值判断===恒...

  • Cycript

    简介 1.Cycript是Object-C++,ES6,Java等语法的混合物 2.可以用来探索,修改,调试正在运...

  • Object.assign()

    ES6语法 ,对象的合并 一般就是复制对象,为了不修改源对象 注意,Object.assign 会跳过那些值为 n...

网友评论

    本文标题:ES6语法 | Object

    本文链接:https://www.haomeiwen.com/subject/qkwebttx.html