美文网首页
ES6 对象简洁语法及对象新增

ES6 对象简洁语法及对象新增

作者: 祝名 | 来源:发表于2018-12-15 15:55 被阅读0次

一.对象简洁语法

1.对象简洁写法(属性值,函数)

注:尽量不要写箭头函数

二.对象新增

1. Object.is()-->比较两个值是否相等,从外观上判断是否相等

console.log(Nan == NaN);
-->false
console.log(Number.isNaN(NaN);
-->true
let a = Object.is(NaN,NaN);
console.log(a);
-->true
console.log(+0 == -0);
-->true
let a = Object.is(+0, -0);
console.log(a);
-->false

2.Object.assign()-->用来合并对象

  • (1)用法:let 新的对象 = Object.assign(目标对象,source1,source2...)
let json1 = {a:1};
let json2 = {b:2, a:4};
let json3 = {c:3};
let a = Object.assign({},json1,json2,json3);
console.log(a);
-->{a:4,b:2,c:3}
//注意:后面的覆盖前面的,eg:a为4
  • (2)应用:ajax数据传送处理
options为用户传送进来的,default为默认值,用assign可以合并对象,并且options可覆盖defaults
  • (3)用途:
    a.复制对象(数组)
    b.合并参数

3.Object.keys()-->对象属性名

var json = {
    a:1,
    b:2,
    c:3
};
for(let key of Object.keys(json)){
    console.log(key);
}
-->
a
b
c

等同于下方,解构式写法

4.Object.entries()

5.Object.values()

接上面的例子


输出

6. 扩展运算符应用于对象



相关文章

  • ES6 对象简洁语法及对象新增

    一.对象简洁语法 1.对象简洁写法(属性值,函数) 注:尽量不要写箭头函数 二.对象新增 1. Object.is...

  • ES6 - 对象简洁语法及对象新增方法

    导读: 直接看代码,其中扩展运算符在对象上的用法已经能用了。 例子: 简洁语法:其实现在框架中都采用的这种语法,优...

  • ES6之面向对象

    关键词:面向对象 es6新增了类这个语法糖

  • ES6对象身上的一些变化及手动封装新增方法

    在ES6中,对象身上也有一些变化,另外也新增了一些方法,一起来梳理一下 首先1. ES6支持对象的简洁语法 以上代...

  • 6-对象简洁语法以及对象新增

    一、对象简洁写法 1.属性和属性值一致的情况,以及对象内方法的简写(注意不要写箭头函数) 二、Object.is(...

  • JS 对象基本用法

    1.声明对象的两种语法 ES6新增了两种声明对象的方法,分别是let和const。 2.如何删除对象的属性 del...

  • 第二十六节: ES6 对象扩展

    1. 对象简洁语法 正常对象的写法 简洁语法 二.属性名表达式 JavaScript 定义对象的属性,有两种方法。...

  • 第二十六节: ES6 对象扩展

    1. 对象简洁语法 正常对象的写法 简洁语法 二.属性名表达式 JavaScript 定义对象的属性,有两种方法。...

  • 5. 对象的扩展

    属性的简洁表示法 es6允许直接写入变量和函数作为对象的属性的方法 使用这种语法可以极大的简化我们返回对象的写法 ...

  • ES6 对象的新功能与解构赋值介绍

    ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。 一、字...

网友评论

      本文标题:ES6 对象简洁语法及对象新增

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