美文网首页
ES6 对象的新增方法

ES6 对象的新增方法

作者: gitblong | 来源:发表于2019-06-25 20:51 被阅读0次
//Object.is()判断两值是否相等
let isFooEqual = Object.is('foo', 'foo');
console.log('foo'=='foo','foo'==='foo',isFooEqual);
let isObjectEqual = Object.is({}, {});
console.log({} == {}, {} === {}, isObjectEqual);
let isZeroEqual = Object.is(+0, -0);
console.log( +0 == -0, +0 === -0,isZeroEqual);
let isNaNEqual = Object.is(NaN, NaN);
console.log( NaN == NaN, NaN === NaN,isNaNEqual);

//ES5实现方法
Object.defineProperty(Object, 'is', {
    value: function (x, y) {
        if (x === y) {
            //针对+0不等于-0的情况
            return x !== 0 || 1 / x == 1 / y;
        }
        //针对NaN的情况
        return x !== x && y !== y;
    },
    configurable: true,
    enumerable: false,
    writable: true
});

//Object.assign();合并对象,只拷贝对象自身可枚举的属性
//如果不是对象会转为对象在返回
let assignNomalValue = Object.assign(2);
console.log(assignNomalValue)

const v1 = "abc";//字符串会产生枚举属性,所以这些属性能够被拷贝
const v2 = true;
const v3 = 10;
const objAssign = Object.assign({}, v1, v2, v3);
console.log(objAssign);//{ '0': 'a', '1': 'b', '2': 'c' }

//对于数组的处理
let numbers = Object.assign([1, 2, 3], [4, 5]);//将数组作为对象来处理
console.log(numbers);//[ 4, 5, 3 ]

//Object.getOwnPropertyDescriptors()
let ownPropertyDescriptors = Object.getOwnPropertyDescriptors(objAssign);

console.log(ownPropertyDescriptors);
/*{ '0':
   { value: 'a',
     writable: true,
     enumerable: true,
     configurable: true },
  '1':
   { value: 'b',
     writable: true,
     enumerable: true,
     configurable: true },
  '2':
   { value: 'c',
     writable: true,
     enumerable: true,
     configurable: true } }
*/
let ownPropertyDescriptor = Object.getOwnPropertyDescriptor(objAssign, '1');
console.log(ownPropertyDescriptor,ownPropertyDescriptor.prototype);
/*
* { value: 'b',
  writable: true,
  enumerable: true,
  configurable: true } undefined
*/

//Object.keys   Object.values   Object.entries
/*
* 不考虑Number Boolean Symbol类型的属性*/

let {keys, values, entries} = Object;
let objEntryObject = {a:1,b:2, c: 3}
for (let key of keys(objEntryObject)) {
    console.log(key);
}

for (let value of values(objEntryObject)) {
    console.log(value);
}

for (let [key,value] of entries(objEntryObject)) {
    console.log([key,value]);
}
/**
 a
 b
 c
 1
 2
 3
 [ 'a', 1 ]
 [ 'b', 2 ]
 [ 'c', 3 ]
 */

// Object.fromEntres() 是Object.entries()的逆操作,用于将一个键值对数组转为对象
// 特别适合将Map结构转为对象
const entriesMap = new Map([
    ['foo', 'bar'],
    ['baz', 42]
]);
// let fromEntries = Object(entriesMap);
// console.log(fromEntries);

//对象不构成单独的作用域
const cat = {
    lives :0,
    jumps:()=>{
        this.lives--;
    }
}
console.log(cat.jumps());//undefined    此时的this指向全局作用域

let undefineIsVlaue = 0 in [undefined, undefined, undefined];
console.log(undefineIsVlaue);
let notExistIsVlaue = 0 in [, , ];
console.log(notExistIsVlaue);
let undefineArr = [undefined, undefined, undefined];
undefineArr.forEach(obj=>{
    console.log("undefineIsVlaue-forEach",obj);
})
undefineArr.map(obj=>{
    console.log("undefineIsVlaue-map",obj);
})
let notExistForEachArr = [,1,2];
let notExistMapArr = [,1,2];

notExistForEachArr.forEach(obj=>console.log(obj))
notExistMapArr.map(obj=>console.log(obj))
console.log(notExistForEachArr, notExistMapArr);
/*
* forEach,filter(),reduce,every(),some()      都会跳过空位
* map()                                        会跳过空位,但会保留这个值
* join()和toString()                           会将空位视为undefined,而undefined和null会被处理成空字符串*/

相关文章

  • ECMAScript6 - 学习笔记 整理 - 3

    对象新增方法 数组去重 ES6 新构造函数方法

  • 09- Math 扩展

    ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在 Math 对象上调...

  • Math 笔记

    ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在 Math 对象上调...

  • 数学方法的扩展-ES6初学习

    Math 对象的扩展ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在...

  • JS判断对象是否为空

    方法一: 将 Object 对象转换为字符串,然后判断字符串 方法二: 方法三: ES6 新增的方法 Object...

  • 数组去重的三种方法

    方法一:利用封装函数去重 方法二:利用对象的键值对唯一性, 方法三:使用ES6新增的Set()方法

  • 数组去重的n 种方法

    1. reduce () 去重 2.利用ES6中的 Set 方法去重 注意 : Set为ES6新增的一个对象,允许...

  • 数组去重

    1. reduce () 去重 2.利用ES6中的 Set 方法去重 注意 : Set为ES6新增的一个对象,允许...

  • Array.from()

    Array.from()是ES6中新增的方法,可以将两类对象转为真正的数组:类数组对象和可遍历(iterable)...

  • Array方法属性

    ECMAScript 5 Array新增方法 明天再抽时间补充ES6 Array新增方法~~~

网友评论

      本文标题:ES6 对象的新增方法

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