二十五. Object.assign()合并对象

最新推荐文章于 2024-03-20 09:10:54 发布

这不比博人传燃？

最新推荐文章于 2024-03-20 09:10:54 发布

阅读量1.1k

点赞数

分类专栏： vue2 文章标签： vue

本文链接：https://blog.csdn.net/HSH541/article/details/123797049

版权

vue2 专栏收录该内容

33 篇文章 9 订阅

订阅专栏

一. 介绍

ES6 对象提供了 Object.assign()
主要的用途是用来合并多个JavaScript的对象。
Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。

二. 举例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        var target = { a: 1 }; //目标对象
        var source1 = { b: 2 }; //源对象1
        var source2 = { c: 3 }; //源对象2
        var source3 = { c: 4 }; //源对象3，和source2中的对象有同名属性c
        console.log(Object.assign(target, source1, source2, source3))
        //结果：{a: 1, b: 2, c: 4}
    </script>
</body>
</html>

上述例子，从源对象1开始到源对象3，不断向目标对象复制或覆盖。

三. 实战

尚品汇43集，将route中的参数复制到data的searchParams中

这不比博人传燃？

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二十五. Object.assign()合并对象

一. 介绍ES6 对象提供了 Object.assign()主要的用途是用来合并多个JavaScript的对象。Object.assign()接口可以接收多个参数，第一个参数是目标对象，后面的都是源对象，assign方法将多个原对象的属性和方法都合并到了目标对象上面，如果在这个过程中出现同名的属性（方法），后合并的属性（方法）会覆盖之前的同名属性（方法）。二. 举例<!DOCTYPE html><html lang="en"><head> &
复制链接

扫一扫