ES6对象扩展

作者: 大吉的罐头 | 来源:发表于2021-03-05 11:23 被阅读0次
简写形式

对象内键值对名称一样时可以简写成一个

let name = 'daji'
let age = 18
let obj = {
      name,     //name:name
      age       //age:age
}

对象内方法简写方式

let name = 'daji'
let age = 18
let obj = {
      name,
      age,
      study(){      //(){}
           console.log(this.name+'学习')
      }
}
属性名表达式

使用 [ ] 中括号

let name = 'daji'
let age =18
let s = 'school'
let obj = {
      name,
      age,
      [s]:'school'
}

打印出obj内school:'chool'

Object.is

判断两个值是否相等

console.log(Object.is(2,'2'))  //false
console.log(NaN == NaN)  //false
console.log(Object.is(NaN,NaN))  //true

如果判断两个一样值得对象obj返回false,因为对象是引用类型,栈内存内的引用地址不一样

let obj1={a:123}  //new Object()
let obj2={a:123}  //new Object()
console.log(obj1 == obj2) //false
console.log(Object.is(obj1,obj2)) //false

如果想要返回值为true,应该使用

let obj2 = obj1
console.log(Object.is(obj1,obj2)) //true
扩展运算符与Object.assgin
let x= {
      a:3,
      b:4
}
let y = {...x}
console.log(y)  //{ a:3,b:4}   和x对象一样

扩展运算符 ... 对x对象进行扩展,可以取出x对象中的可编辑的属性拷贝到y对象中

let x= {
      a:3,
      b:4
}
let y = {
      a:6,
      c:5
}
Object.assign(y,x)
console.log(y)  //{ a:3,b:4,c:5}   

Object.assign第一个参数指的是目标对象,第二个参数是要复制合并的对象,x往y覆盖a属性的值为3
ps:拷贝对象时对复杂引用数据类型不能完全拷贝,是浅拷贝

in

判断对象中是否包含属性,返回布尔值

let x= {
      a:3,
      b:4
}
console.log('aa' in x)   //false

还可以用于数组中, 判断数组下标3是否有值

let arr = [1,2,3]
console.log(3 in arr)   //false
console.log(2 in arr)   //true
对象的遍历方式

先写一个obj对象为栗子

let obj = {
      name:'daji',
      age:'18',
      school:'school'
}

for...in

for(let key in obj){
      console.log(key,obj[key])
}

要过滤掉对象继承的属性,用hasOwnProperty()来实现:

var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    if (o.hasOwnProperty(key)) {
        console.log(key); // 'name', 'age', 'city'
    }
}

Object.keys

Object.keys(obj).forEach(key=>{      //箭头函数
     console.log(key,obj[key])
})

Object.getOwnPropertyNames

Object.getOwnPropertyNames(obj).forEach(key=>{
     console.log(key,obj[key])
})

Reflect.ownKeys

Reflect.ownKeys(obj).forEach(key=>{
     console.log(key,obj[key])
})

ES6数组扩展

相关文章

  • 2018-08-24

    ES6对象的扩展

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • ES6扩展归纳

    ES6扩展归纳 介绍ES6相比与ES5在原有对象上的扩展,包括字符串、正则、数值、函数、数组、对象等扩展,本文是阮...

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • es6笔记

    es6 对象扩展方法is() 全等比较Object.is(NaN,NaN) // trueassign() 对象合...

  • ES6新增特性(二)

    ES6 的内置对象扩展 Array 的扩展方法 一、Array 的扩展方法 1. 扩展运算符(展开语法) 扩展运算...

  • 【基础知识】扩展运算符...

    变量解构使用案例 数组扩展运算符 重点:对象也可以使用...哦ES6之扩展运算符-对象

  • ES6 学习(Number扩展篇)

    - Number扩展 ES6 把 parseInt() 和 parseFloat() 移植给了 Number 对象...

  • 扩展对象的功能性.md

    对象扩展 对象类别 在ES6中,对象分为下面几种叫法。 普通对象 特异对象 标准对象 内建对象 对象字面量语法拓展...

  • 对象

    对象的深拷贝 对象合并 assign() hasOwnProperty 遍历赋值 Es6,扩展运算符 Object...

网友评论

    本文标题:ES6对象扩展

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