ES6学习之对象扩展

简介表示法(直接写入变量和函数,作为对象的属性和方法)

let x = "test"
let obj={
    x,  //属性名为变量名,属性值为变量值
    y(){console.log("hello")}
}
//以上相当于
let obj = {
    x:‘test‘,
    y:function(){
        console.log("hello")
    }
}

属性名表达式(表达式作为对象的属性名,把表达式放在方括号内。)

let aa = "hello";
let obj = {
    [aa]: "hello",
    ["a" + "b"]: "es6"
}
//以上相当于
let obj = {
    hello: "hello",
    "ab": "es6"
}

对象方法的name属性(返回函数名)

let obj = {
    "hello": "hello",
    foo: function () {

    }
}
console.log(obj.foo.name)

Object.is()(比较两个值是否严格相等,相当于===,但是-0不等于0,NaN=NaN)

Object.is({}, {}) //false
Object.is(-0, 0) //false
Object.is(NaN, NaN) //true

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

let obj1 = {a:1};
let obj2 = {b:2};
let objx = {b:4};
let obj3 = Object.assign(obj1,obj2); //{ a: 1, b: 2 }
let obj4 = Object.assign(obj1,obj2,obj3) //{ a: 1, b: 4 }   如果有相同的属性名,后者覆盖前者

注意:

  • 浅拷贝对象(源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。)
const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);

obj1.a.b = 2;
obj2.a.b // 2
  • 处理数组
//把数组的索引当做key来生成对象
Object.assign([1, 2, 3], [4, 5]) //[4,5,3]
  • 取值函数(先取值,后复制)
const source = {
    get foo(){
        return 1
    }
}
let a =Object.assign({},source) //{ foo: 1 }

Object.keys(),Object.values(),Object.entries()(都返回数组形式)

let obj = {a: 0,b: 1,c: 2};
let a = Object.keys(obj)    //["a","b","c"]
let b = Object.values(obj)  //[0,1,2]
let c = Object.entries(obj) //[["a":0],["b":1],["c":2]]

扩展运算符...

  • 解构赋值(解构赋值的拷贝是浅拷贝)
let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
x // 1
y // 2
z // { a: 3, b: 4 }

let obj = { a: { b: 1 } };
let { ...x } = obj;
obj.a.b = 2;
x.a.b // 2
  • 扩展运算符(取出参数对象的所有可遍历属性,拷贝到当前对象之中)
let z = { a: 3, b: 4 };
let n = { ...z };   // { a: 3, b: 4 }

//等同于
let n = Object.assign({},z) // { a: 3, b: 4 }
时间: 2024-10-11 02:02:18

ES6学习之对象扩展的相关文章

ES6学习之函数扩展

函数默认参数 function test(x = 1, y = 2) { return x + y } test(5, 6) //11 test() //3 若默认参数在必须参数之前,要想取得默认参数,只有当传入的值为undefined才能取到 function test(x = 1, y) { console.log(x,y) } test(5, 6) //5,6 test(1) //3 undefined test(null,1) //null 1 test(undefined,1) //1

es6学习--promise对象

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可以获取异步操作的消息. 1.基本用法 Promise对象是一个构造函数,用来生成Promise实例 function timeout(ms){ return new Promise((resolve,reject) =>{ setTimeout(resolve, ms,'done') }) } timeout(100).then((value)=>

ES6 学习 -- Promise对象

1.promise含义:可以将promise对象看成是一个容器,它保存着未来才会结束的某个事件(一般是异步操作事件)的结果,各 种异步操作都可以用promise对象来处理promise的特点:(1)promise对象有三个状态:pending(进行中).fulfilled(已成功)和rejected(已失败),只有异步操作的结果,可 以决定当前是哪一种状态,其他操作无法改变当前状态(2)一旦状态值改变,就不会再变了,任何时候都可以得到这个结果.promise对象的状态改变,只有从pending变

JavaScript学习笔记--ES6学习(五) 数值的扩展

ES6 对于数值类型 (Number) 进行了一下扩展: 1.对于二进制和八进制提供了新的写法 ES6对于二进制和八进制的数值提供了新的写法,分别用0b (或者0B) 和0o (或者0o) 表示.例如: 0b111110111 === 503 // true 0o767 === 503 //true 由于从ES5开始,严格模式中,八进制不再允许使用前缀0来表示,因此在ES6中进一步明确,要用0o来表示. 如果要将0b和0o前缀的字符串数值转换为十进制,要使用Number方法, 例如: var i

ES6对象扩展

前面的话 随着JS应用复杂度的不断增加,开发者在程序中使用对象的数量也在持续增长,因此对象使用效率的提升就变得至关重要.ES6通过多种方式来加强对象的使用,通过简单的语法扩展,提供更多操作对象及与对象交互的方法.本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中,对象没有统一的标准,在标准中又使用不同的术语描述对象,ES6规范清晰定义了每一个类别的对象,对象的类别如下 1.普通(Ordinary)对象 具有JS对象所有的默认内部行为 2.特异(Exotic)对象 具有某些与默认行为

ES6中对对象的扩展

ES6允许直接写入变量和函数作为对象的属性和方法.这样的书写更加简洁. ES6允许在对象中只写属性名,不写属性值.这时,属性值等于属性名所代表的变量. function f(x , y){ return {x ,y}; } f(1,2)// Object {x:1,y:2} function getPoint(){ var x=1; var y=10; return {x,y}; } getPoint()//{x:1,y:10} js语言定义对象的属性有两种方法.obj.foo=true;obj

ES6 之函数扩展和对象扩展

简单记录,方便快速复习~ 函数扩展: 参数默认值.rest 参数.扩展运算符.箭头函数.尾调用... 对象扩展: 简洁表示.属性表达式.新增API等... //函数扩展 // 参数默认值 function fn(x,y=1){ console.log(x+y) } fn(2) { // 注意作用域 let x = 1 function test(x,y=x) { console.log(x,y) } test(2) // 2 2 } { // 注意作用域 let x = 1 function t

ES6浅谈--数组扩展、对象扩展

数组扩展 1.includes()方法,参数为要检测的值.includes方法有点像indexOf(),indexOf未检测到则返回-1,否则返回下标.includes则是返回true或false.includes可以检测NaN.第二个参数表示从什么位置检测. 2.flat和flatMap.flat负责把数组拉平,意思是一个二维数组调用flat方法会变成一维数组.参数传的是数组的维度.例如传2则表示将3维拉成1维.如果数组中有空位则跳过.flatMap有点像flat方法和Map方法的结合.先对每

ES6学习及总结(二):对象的解构

ES6学习及总结(二):对象的解构 一:数组的解构 1:ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring).本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值. let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "