JavaScript中Object对象方法总结

JavaScript中Object对象方法总结

1. JavaScript中String字符串方法总结

2. JavaScript中Array数组方法总结

3. JavaScript中Object对象方法总结

方法	是否修改原始值	是否有返回值	描述
Object.is()	否	是	比较两个值是否相等,与严格比较运算符（===）的行为基本一致。返回一个布尔值。
Object.assign()	是	是	用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。原始值改变。
Object.keys()	否	是	返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。
Object.values()	否	是	返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值。
Object.entries()	否	是	返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组。
Object.fromEntries()	否	是	返回一个对象，Object.fromEntries()方法是Object.entries()的逆操作，用于将一个键值对数组转为对象。

方法解析

代码没有特殊标注情况下，本文环境均是在Chrome环境下测试输出

Object.is() : 比较两个值是否相等,与严格比较运算符（===）的行为基本一致。返回一个布尔值。

1. 相等运算符（==），会自动转换数据类型
2. 严格相等运算符（===）， NaN不等于自身，以及+0等于-0。

Object.is('foo', 'foo')
// true
Object.is({}, {})
// false
不同之处只有两个：一是+0不等于-0，二是NaN等于自身。

+0 === -0 //true
NaN === NaN // false

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

Object.assign( target, source1, source2....) : 用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。原始值改变。

1. 第一个参数是目标对象，后面的参数都是源对象。
2. 如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
3. 如果只有一个参数，Object.assign()会直接返回该参数。
   • 如果该参数不是对象，则会先转成对象，然后返回。
   • 由于undefined和null无法转成对象，所以如果它们作为参数，就会报错。
4. 如果非对象参数出现在源对象的位置（即非首参数），首先，这些参数都会转成对象，如果无法转成对象，就会跳过。这意味着，如果undefined和null不在首参数，就不会报错。
5. 其他类型的值（即数值、字符串和布尔值）不在首参数，也不会报错。但是，除了字符串会以数组形式，拷贝入目标对象，其他值都不会产生效果。

        let target = { a: 1 };

        let source1 = { b: 2 };
        let source2 = { c: 3 };

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

Object.keys( target ) : 返回一个数组，成员是target参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。

    let obj = { foo: 'bar', baz: 42 };
    console.log( Object.keys(obj) );
    // ["foo", "baz"]

Object.values( target ) : 返回一个数组，成员是target参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值。

        const obj = { foo: 'bar', baz: 42 };
        console.log(Object.values(obj));
        // ['bar', 42]

Object.entries( target ) : 返回一个数组，成员是target参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组。

        const obj = { foo: 'bar', baz: 42 };
        console.log(Object.entries(obj));
        // [ ["foo", "bar"], ["baz", 42] ]

Object.fromEntries() : 返回一个对象，Object.fromEntries()方法是Object.entries()的逆操作，用于将一个键值对数组转为对象。

        Object.fromEntries([
            ['foo', 'bar'],
            ['baz', 42]
        ])
        // { foo: "bar", baz: 42 }
        该方法的主要目的，是将键值对的数据结构还原为对象，因此特别适合将 Map 结构转为对象。

        // 例一
        const entries = new Map([
            ['foo', 'bar'],
            ['baz', 42]
        ]);

        Object.fromEntries(entries)
        // { foo: "bar", baz: 42 }

        // 例二
        const map = new Map().set('foo', true).set('bar', false);
        Object.fromEntries(map)
        // { foo: true, bar: false }