js 常见的Object方法

Posted 2023-04-08

参考技术A

Object.entries(obj)
将一个可枚举对象按照键值对展开为数组

Object.assign(target, source)
将一个或多个可枚举对象的可枚举属性复制到 target 对象，返回 target 对象。第一级属性深拷贝，以后级别属性浅拷贝

Object.freeze(obj)
相应的也有判断是否冻结的方法----Object.isFrozen()
冻结一个对象。一个被冻结的对象再也不能被修改，包括所有的属性，甚至包括他的原型。返回与原对象相同参数的对象

Object.create(obj)
创建一个新对象，将现有的对象创建为新对象的 proto 。返回一个新对象

Object.keys(obj)
遍历一个对象，将 key 返回为数组

Object.defineProperty(obj, prop, descriptor)
参数：
obj：被操作对象
prop：修改或要定义的属性名
descriptor：修改或要定义的属性的属性描述，即prop的描述

新增或修改一个对象的属性，并返回该对象

扩展：在vue中通过递归调用此方法，为对象的每一个属性绑定get()、set()方法，实现对象的数据监听

Object.getPrototypeOf(obj)
返回目标对象的 prototype 的值。
给定对象的原型。如果没有继承属性，则返回 [null]

【JS】常用的判断所有数据类型的方法

参考技术A ①可以使用typeof判断出“基本类型”的：number、boolean、string、undefined、symbol和“引用类型”的Function；

②typeof判断“null、Array、Object”返回的都是object，此时无法区分三者，可以使用一下方法进一步区分；

③对“null、Array、Object”使用Array.isArray()，如果返回的是true，那个就是“引用类型”的Array（null和Object都输出false）

④使用instanceof Object，判断剩下的两个，如果返回的是true，说明是Object；返回false，说明是null

直接把（基本/值引用）变量往括号里面扔就完事了，会输出一串字符“[object Xxxxx]”；后面的Xxxxx就是变量的数据类型