我的编程空间,编程开发者的网络收藏夹
学习永远不晚

javascript中有哪些对象新增方法

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

javascript中有哪些对象新增方法

这篇文章将为大家详细讲解有关javascript中有哪些对象新增方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

javascript对象的新增方法:1、“Object.is()”,可用于比较两个值是否严格相等;2、“Object.assign()”,可用于对象的合并,将源对象的所有可枚举的属性复制到目标对象。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript对象的新增方法

1、Object.is()

es6中,要比较两个值是否严格相等,我们有三种方法,使用相等运算符‘==’、严格相等运算符‘===’或者Object.is()方法,但是前两种方法都有缺陷,在一些特殊场景下不能使用,Object.is()则不会。

javascript中有哪些对象新增方法

Object.is()与‘===’运算符的行为基本一致,

javascript中有哪些对象新增方法

但有两点不一样:

(1)+0 不等于 -0

javascript中有哪些对象新增方法

(2)NaN等于本身

javascript中有哪些对象新增方法

2、Object.assign()

(1)Object.assign()用于对象的合并,将源对象的所有可枚举的属性复制到目标对象

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

(2)Object.assign()方法的第一个参数是目标对象,后面的参数都是源对象。

如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

可以看到two中的b: 2覆盖了one中的b: 1,three中的c: 3覆盖了two中的c: 2

(3)如果只有一个参数,Object.assign()会直接返回该参数

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

(4) 如果该参数不是对象,则会先转换成对象,然后返回。

javascript中有哪些对象新增方法

可以看到Object.assign()将数值5转换成了一个Number对象后返回了

(5)undefined和null无法转化成对象,如果用他们作为参数则会报错

javascript中有哪些对象新增方法

如果非对象参数出现在源对象的位置(即不是第一个参数),处理规则会有所不同。这些参数都会转换成对象,如果无法转换成对象则会跳过。这意味着undefined和null不是第一个参数就不会报错,演示如下

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

其他类型的值(即数值、字符串和布尔值)不在首参数(即第一个参数),也不会报错。但是,除了字符串会以数组形式拷贝入目标对象,其他值都不会产生效果。

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

上面代码中,v1 v2 v3分别是字符串、布尔值和数值,结果只有字符串合入目标对象(以字符数组的形式),数值和布尔值都会被忽略。这是因为只有字符串的包装对象,会产生可枚举属性。

(6)把布尔值、数值、字符串分别转成对应的包装对象,可以看到它们的原始值都在包装对象的内部属性[[PrimitiveValue]]上面,这个属性是不会被Object.assign()拷贝的。只有字符串的包装对象,会产生可枚举的实义属性,那些属性则会被拷贝。

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

javascript中有哪些对象新增方法

Object.assign()拷贝的属性是有限制的,只拷贝源对象自身的属性(不拷贝继承过来的属性),

也不拷贝不可枚举的属性(enumerable: false)。

关于“javascript中有哪些对象新增方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

javascript中有哪些对象新增方法

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

es6 number对象的新增方法有哪些

es6 number新增方法有:1、“Number.isFinite()”,可判断指定值是否为一个有限的数值;2、“Number.isNaN()”,可检测变量是否是一个NaN;3、“Number.parseInt()”,可将字符串转换为整数;4、“Number.parseFloat()”,可将字符串转换为浮点数;5、“Number.isInteger()”,可判断值是否为整数。
2022-11-22

javascript中string对象的方法有哪些

这篇文章给大家分享的是有关javascript中string对象的方法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。string方法有:charAt()、indexOf()、match()、repeat()
2023-06-14

javascript中window对象的方法有哪些

小编给大家分享一下javascript中window对象的方法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript中window对象的方法有:
2023-06-14

JavaScript中有哪些遍历对象的方法

这篇文章将为大家详细讲解有关JavaScript中有哪些遍历对象的方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,
2023-06-14

javascript中有哪些对象封装的方法

这期内容当中小编将会给大家带来有关javascript中有哪些对象封装的方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。JavaScript是什么JS是JavaScript的简称,它是一种直译式的脚本语
2023-06-14

javascript增加对象方法

在Javascript中,对象是一种非常常见的数据类型。这些对象可以有各种不同的属性和方法,使得他们非常灵活和有用。有时我们需要给一个对象增加一个新的方法,以便我们更好地操作它。在这篇文章中,我们将介绍如何在Javascript中增加对象方法。首先,让我们看一下Javascript对象的基本结构:```javascriptvar myObj = { prop1: "value
2023-05-16

javascript中对象有哪些

这篇文章将为大家详细讲解有关javascript中对象有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的
2023-06-14

JavaScript es6的新增数组方法有哪些

这篇文章主要讲解了“JavaScript es6的新增数组方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript es6的新增数组方法有哪些”吧!1. forEach(
2023-06-21

javascript有哪些创建对象的方法

javascript有哪些创建对象的方法?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。方法是:1、使用内置对象,JavaScript语言原生对象或运行期的宿主对
2023-06-15

编程热搜

目录