js对象常用方法总结

1、Object.create()

参数：一个对象或者是定义好的对象

作用：创建一个空对象并使其原型指向传入的对象（vue的组件指向有用到）

示例：

   let phone = {brand: '华为',price:'6999',color:'black'}console.log(phone);let createObj = Object.create(phone)// 用于创建一个空对象，空对象会新增一个上级原型对象，上级原型对象就是传入的那个对象let createObj2 = Object.create(createObj)//再来一次会继续增加一层原型console.log(createObj,'createObj');//打印值为空对象console.log(createObj.color);//createObj为空对象没有color属性，但是通过原型链可以找到他的原型身上属性colorconsole.log(createObj2,'createObj2');

2、Object.assign()

参数：一个对象或多个对象

作用：复制对象或合并对象，（复制可以是深拷贝也可以是浅拷贝，拼接空对象，没有深层次时为深拷贝，不拼接时为浅拷贝，拼接对象有深层对象时深层的对象为浅拷贝）

示例：

    let phone3 = {brand: '苹果',price:'7999',color:'pink',iphone14:{price:'5999元' }}let assignObj = Object.assign(phone,phone2)//可用于合并对象，或者复制对象console.log(assignObj,'assignObj');//如传如的对象有相同属性后者将会覆盖前者let copyObj = Object.assign({},phone3)//直接拼接一个空对象那么结果对象是一个一级的深拷贝对象let copyObj2 = Object.assign(phone3)//不拼接空对象那么结果则是一个浅拷贝对象copyObj.brand = '三星'//改变copy对象的值copyObj2.brand = '中兴'//改变copy对象的值console.log(phone3,'phone3');//console.log(copyObj,'copyObj');//打印copyObj.brand为‘三星’，原值不变，所以是深拷贝console.log(copyObj2,'copyObj2');//打印copyObj.brand为'中兴'，原值也是'中兴'，所以是浅拷贝copyObj.iphone14.price = '99元包邮'console.log(copyObj,'深层次值');//改变copy后的对象深层次的值，原来的值也跟着变，由此可知深层次的值是浅拷贝

3、Object.defineProperty（）

参数：一般收到三个参数，对象，字符串，属性对象，具体看代码

作用：添加或修改对象（vue实现响应式数据的方法）

示例：

    let obj = {name: '张三'}let ageValue = 21//定义一个中转变量let definePropertyObj = Object.defineProperty(obj, 'age', {// value: '20', //新增属性的value值enumerable: false, //可枚举的// writable: false, //可写的，可修改的configurable: false, //可配置的,可删除的get(){console.log('有人读取了age属性');return ageValue //此处需要有返回值},///set可以收到一个参数即修改的新值set(value){console.log('有人修改了age属性修改的新值为',value);ageValue = value// 此处一般做值的真正修改}})definePropertyObj.age = 22 //如果writable配置为false则不可修改新增属性// delete definePropertyObj.age //如果configurable配置为false则不可以删除新增的属性console.log(definePropertyObj, 'definePropertyObj');for (let item in obj) {console.log(item, 'for in'); //如果enumerable配置为false则新增属性不可枚举}console.log(definePropertyObj.age,'读取');//会调用getconsole.log(definePropertyObj.age = 33,'读取');//会调用set

4、Object.defineProperties（）

参数：一般收到两个参数，对象、对象

作用：跟Object.defineProperty（）一样的，但这个方法可以同时操作多个属性

示例：

    //多个属性时第二个参数写成对象形式
let definePropertiesObj = Object.defineProperties({}, {age: {value: 1,enumerable: true, //可枚举的writable: false, //可写的configurable: false //可写的，可修改的},sex: {value: 1,enumerable: true, //可枚举的writable: false, //可写的，可修改的configurable: false //可配置的,可删除的},});

5、Object.keys(obj)

参数：一般接收一个参数，（对象）

作用：遍历对象的key返回数组

示例：

    let keysObj = Object.keys(phone)//可以将对象的key值枚举出来console.log(keysObj,'keysObj');//打印结果为对象的所有key组成的数组

6、Object.values(obj)

参数：一般接收一个参数，（对象）

作用：遍历对象的value返回数组

示例：

    let valuesObj = Object.values(phone)//可以将对象的value值枚举出来console.log(valuesObj,'valuesObj');//打印结果为对象的所有value组成的数组

7、Object.entries(obj)

参数：一般接收一个参数，（对象）

作用：遍历对象的key与value返回二维数组

示例：

    let entriesObj = Object.entries(phone)//可以将对象的key与value以数组的形式枚举出来console.log(entriesObj,'entriesObj');//打印的结果是一个二维数组，对象的键值为一个数组，对象的每一项又是一个数组let Arr = [{name:'张三',age:12},{name:'张四',age:14},{name:'张无',age:16},]let arrObj = Object.entries(Arr)//参数也可以是一个数组console.log(arrObj,'arrObj');

8、Object.freeze(obj)

参数：一般接收一个参数，（对象）

作用：用于冻结一个对象，使其无法进行任何增删改查，可以适当提高性能

示例：

    let freezeobj = Object.freeze(phone)//常用于冻结一个对象console.log(freezeobj,'freezeobj');//返回的对象与原对象一样都是被冻结的无法对其进行任何增删改查phone.color = 'green'//修改无效console.log(phone,'冻结后');for (let item in phone){console.log(item,'item');//枚举好像没问题}

9、Object.fromEntries(obj)

参数：一般接收一个参数，（对象）

作用：Object.entries()的逆向操作，将键值对数组转为对象

示例：

    let fromEntriesobj = Object.fromEntries(entriesObj)//Object.entries()的逆向操作，可以将键值对数组转为对象console.log(fromEntriesobj,'fromEntriesobj');

10、Object.hasOwnProperty('string')

参数：接收一个字符串

作用：检查对象中是否存在某个属性

示例：

    let hasOwnPropertyObj = phone.hasOwnProperty('color')//检查对象中是否存在某个属性console.log(hasOwnPropertyObj,'hasOwnPropertyObj');//返回值是一个布尔值，存在为true// 这个方法只会检查对象的第一层，子对象里面的不检查