JavaScript 知识梳理[二] Object 常用的方法

绝地灬酷狼 2023-02-27 12:06 46阅读 0赞

> 在开发中经常会遇到在使用JS 写业务逻辑的时候，可能经常会用的就是自己最熟的，但有时候却不是最优解，所以还是要多熟悉API ，然后做最优的选择。

### 构造函数方法 ###

Object.assign() ：方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

Object.assign(target, ...sources) target 目标对象 sources 源对象   返回值目标对象

作用：数据合并，拷贝，至于是深拷贝还是浅拷贝 要看 这个对象是什么类型，如果嵌套了引用类型，那么拷贝的只是地址这样实现的就不是深拷贝

**`Object.defineProperties()`**方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ_size_16_color_FFFFFF_t_70][] ![2020071714342735.PNG][]

`Object.defineProperty()` 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。同上参考。

**Object.keys()** 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

![20200717144102480.PNG][] ![20200717144124123.PNG][]

**`hasOwnProperty()`**方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）。

**会忽略调从原型链上继承过来的属性**

### ![20200717151705195.PNG][] ###

### 其他常用方法 ###

**in 运算符** `in`运算符返回一个布尔值，表示一个对象是否具有某个属性。它不区分该属性是对象自身的属性，还是继承的属性

![20200717152251517.PNG][]

**for...in 遍历对象的可枚举属性 包块原型上定义的属性**

**![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ_size_16_color_FFFFFF_t_70 1][]** ![20200717154515348.PNG][]

**for...of 可以遍历出来value 值 遍历数组比较合适**

**MDN 太卡 我准备休息一下**

**[https://developer.mozilla.org/zh-CN/][https_developer.mozilla.org_zh-CN]**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020071714233286.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ==,size_16,color_FFFFFF,t_70
[2020071714342735.PNG]: /images/20230209/1c791b856af847fdb82de98768cc5618.png
[20200717144102480.PNG]: https://img-blog.csdnimg.cn/20200717144102480.PNG
[20200717144124123.PNG]: /images/20230209/b70bc29835584b7486da6bf2d1ec35b2.png
[20200717151705195.PNG]: /images/20230209/5f25d678c9c7412a98e6c467f02eea85.png
[20200717152251517.PNG]: https://img-blog.csdnimg.cn/20200717152251517.PNG
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2020071715424765.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhbmR5X3poaQ==,size_16,color_FFFFFF,t_70
[20200717154515348.PNG]: https://img-blog.csdnimg.cn/20200717154515348.PNG
[https_developer.mozilla.org_zh-CN]: https://developer.mozilla.org/zh-CN/