首页 >

es6中assign的用法是什么

web前端|前端问答es6中assign的用法是什么
ES6
web前端-前端问答
家政 源码 微信,vscode自动保存怎么设置,ubuntu 卸载显卡,查看tomcat配置, sqlite加密,web个人网页设计模板,php 连接sql server数据库,网站服务器选择,jquery加载js文件插件,alpha前端框架,呆呆爬虫,php dl,姚金刚seo,springboot跑前端,dede 无用标签,色情软件官方网站,个性网页模板,pc端小米模板,二手车后台管理系统,css3动画全屏页面,档案管理系统源码 .net,免费一元云购程序源码lzw
es6中assign的用法是什么
google tv 源码,Ubuntu启动密码大写,tomcat浏览器连不上,益阳爬虫防治,php基本函数手册,好的杭州抖音seo排行榜lzw
Object.assign方法用于对象的合并,将源对象(source)的所有的可枚举属性(key:value)复制到目标对象(target)
怎么下载php指定页面源码,ubuntu树莓派通信,tomcat打开出现闪退,python爬虫每天签到,php内置的文件大小限制,alt属性 seolzw
例如:

        const target = { a : 1 };        const  source1 = { b: 2 };        const  source2 = { c: 3 };Object.assign(target,source1,source2)      // target { a:1, b:2, c:3 }

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

例如:

    const target  = {a:1,b:1};    const source1 = { b: 2,c:2};    const source2 = {c:3}; Object.assign(target,source1,source2); // target {a:1,b:2,c:3}

如果只有一个参数,Object.assign会直接返回改参数,如果参数不是对象则会先转出对象,然后在返回,由于null 与 undefined 无法转换为对象,所以如果他们作为参数就会报错。如果非对象参数出现在源对象的位置(意思是不是第一个参数),那么处理规则有所不同。首先,这些参数都会转成对象,如果出现null 或者undefined只要保证不再首个参数就不会报错。

例如:

   const obj = {a:1},   Object.assign(obj)  === obj   // true      typeof  Object.assign(2)    // object   Object.assign(undefined)  // 报错   Object.assign(null)   // 报错   Object.assign(obj,undefined)

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

    const v1 = 'abc';    const v2 = true;    const v3 = 10;    const objCurrent = Object.assign({},v1,v2,v3);  // {0:'a',1:'b',2:'c'};     // 上面代码中,v1,v2,v3分别是字符串、布尔值、数值,结果只有字符串符合目标对象(以字符串数组的形式),数值与布尔值都会被忽略。这是因为只有字符串的包装对象,会产生枚举属性。Object.assign()的深浅拷贝问题    const obj1 = {a: 1};    const obj2 = {b: 2};    const obj3 = {c: 3};    const obj = Object.assign(obj1,obj2,obj3);    console.log(obj);   //  {a:1,b:2,c:3}    console.log(obj1);   //   {a:1,b:2,c:3}  原始对象也被改变啦    const v1 ={a:1},    const currentObj = Object.assign(JSON.parse(JSON.stringify(v1)),{e:2})    console.log(currentObj)  // {a:1,e:2}    console.log(v1) // {a:1} 并没有发生变化

当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法在二级属性以后就是浅拷贝。

使用递归的方式实现深拷贝

    // _deep 深度拷贝的方法    function  _deep(source){        let  target;        if (typeof source === 'object'){            // 判断目标值是数组还是对象            target = Array.isArray(source) ? []: {}            for (let key in source) {// 指示对象自身属性中是否含有指定的属性if(source.hasOwnProperty[key]){      // 如果属性不是对象则赋值,负责递归      if(typeof source[key] !== 'object'){            target[key] = source[key]      }else {            target[key] = _deep(source[key])      }}            }        } else {           target = source        }        // 返回目标值        return  target     }

使用js实现深拷贝

    function _deepJs(_data){        return JSON.parse(JSON.stringify(_data));    }

  • 暂无相关文章
  • Posted in 未分类