8个最常用的Javascript对象方法，电子版已问世

参数：

target：目标对象——应用源属性的对象，修改后返回。

sources：源对象——包含你要应用的属性的对象。

返回值：修改后的目标对象。

例子：

const target = { a: 1, b: 2 };

const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);

// expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);

// expected output: Object { a: 1, b: 4, c: 5 }

注意：如果源对象中的属性具有相同的键，则目标对象中的属性会被源中的属性覆盖。较晚来源的属性会覆盖较早来源的属性。

3、Object.entries()

Object.entries() 方法返回给定对象自己的可枚举字符串键属性 [key, value] 对的数组。

它类似于使用 for…in 循环进行迭代，除了 for…in 循环还会枚举原型链中的属性。属性的顺序与通过手动循环对象的属性值给出的顺序相同。

语法：Object.entries(obj)

参数：

obj：要返回其自己的可枚举字符串键属性 [key, value] 对的对象。

返回值：给定对象自己的可枚举字符串键属性 [key, value] 对的数组。

例子：

const object1 = {name: “David”, age: 23};

for (const [key, value] of Object.entries(object1)) {

console.log(${key}: ${value});

}

// “name: David”

// “age: 23”

4、Object.values()

Object.values() 方法返回给定对象自己的可枚举属性值的数组，其顺序与 for…in 循环提供的顺序相同。

语法：Object.values(obj)

参数：

obj：要返回其可枚举自身属性值的对象。

返回值：包含给定对象自己的可枚举属性值的数组。

例子：

const object1 = {

a: ‘somestring’,

b: 42,

c: false

};

console.log(Object.values(object1));

// expected output: Array [“somestring”, 42, false]

5、Object.prototype.hasOwnProperty()

hasOwnProperty() 方法返回一个布尔值，指示对象是否具有指定的属性作为它自己的属性。

如果指定的属性是对象的直接属性，则该方法返回 true — 即使值为 null 或未定义。如果该属性是继承的或根本没有声明，则返回 false。

语法：hasOwnProperty(prop)

参数

prop：要测试的属性的字符串名称或符号。

返回值：如果对象将指定的属性作为自己的属性，则返回true；否则为false。

例子：

const object1 = {};

object1.property1 = 42;

console.log(object1.hasOwnProperty(‘property1’));

// expected output: true

console.log(object1.hasOwnProperty(‘toString’));

// expected output: false

console.log(object1.hasOwnProperty(‘hasOwnProperty’));

// expected output: false

6、Object.keys()

Object.keys() 方法用于返回给定对象自己的可枚举属性名称的数组，以与普通循环相同的顺序迭代。

语法：Object.keys(obj)

参数：

obj：要返回可枚举自身属性的对象。

返回值：表示给定对象的所有可枚举属性的字符串数组。

例子：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

[外链图片转存中…(img-oKh4ZiGU-1712681496841)]

[外链图片转存中…(img-bB2j4Wjb-1712681496841)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-qLEmtOGI-1712681496841)]