复制一个对象内容给另一个对象

  有种情况,我们需要操作相同的数据,但是又不希望两者出现干扰的情况。比如,angular 中,使用指令绘制图像,双向绑定,当你选中改变数据的显示或隐藏标志时,你其实并不希望它重新绘制,因为它的数据并没有更新改变,但你改变了绑定的数据的一个微不足道的属性值,就会导致其重绘,那怎么办呢,只能再复制出一个相同对象,一个提供展示,一个提供点击不请求新数据。

  说的有点多,总之就是将一个对象的属性给另一个对象,最先想到的肯定是这样的:

var obj1={
    ‘name‘:‘AAA‘,
    ‘age‘:12
}
console.log(obj1);
var obj2 = obj1;

耦合了。。。更改一个对象属性值,另一个也会变,因为 obj1 是把对象的地址存储到了 obj2 变量值中,这并不是复制。

当然也可以进行循环然后将 key 和 value 复制给一个新的对象。

这个也能达到要求,但我们来说一个最简单的!

var json = JSON.stringify(obj1)
var obj3 = JSON.parse(json) 

使用转 json ,获取一个新的字符串,后再将字符串反转一下赋给一个新的变量,是不是很机智!!!

时间: 2024-08-14 06:27:07

复制一个对象内容给另一个对象的相关文章

自动检测&后台复制光盘内容

原理:利用python的win32模块,注册服务,让代码在后台运行,检测光盘并拷贝文件 启动的方法就是直接在cmd下,main.py install ,然后去windows 的服务下就可以看到The smallestpossible Python Service 这个服务,你可以启动,停止,还可以设置成开机自动启动.启动服务后,会自动检测光盘并在后台拷贝文件 main.py import win32serviceutil import win32service import win32event

Zclip:复制页面内容到剪贴板兼容各浏览器

WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方. 效果如下所示: 下面将结合实例讲解如何使用一款基于jQuery的插件——Zclip来实现复制内容到剪贴板的功能,只说如何使用,不讲原理.其实IE上有个方法可以实现点击复制,但是由于只是IE独有,所以我们不提倡.而Zclip是利用一个隐藏的flash文件来完成复制的功

Zclip复制页面内容到剪贴板兼容各浏览器

Zclip:复制页面内容到剪贴板兼容各浏览器 WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,点击这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方,下面介绍一种使用Zclip实现的兼容主流浏览器的方式. 利用插件来写的话就比较简单,源码下载 <html> <head> <title>Index</title> <script src=

C# 复制Word(复制全部内容、部分内容、页眉页脚)

本篇示例将介绍C# 复制Word文档的方法.根据不同的需要,我们将复制Word文档分三种情况来讲述,具体包括以下几点: 复制整个Word文档 复制文档中的部分内容 复制页眉或者页脚 工具使用 Free Spire.Doc for .NET 6.3 Visual StudioPS:在以下示例中需要添加引用类库Spire.Doc.dll.(dll可在安装路径下的Bin文件夹里获取dll) 示例演示 1.复制全部文档内容 源文档:需要复制到以下目标文档: [C#] using Spire.Doc; n

clipboard.min.js 复制表格内容

<script type="text/javascript" src="js/clipboard.min.js"></script> <button id="btn_copy" data-clipboard-action="copy" data-clipboard-target=".tableList">复制表格内容</button> <!-- <

js获取用户页面复制的内容

使用window.getSelection()可以获取用户选择的文本内容,在配合copy事件或者键盘事件就可以获取用户在页面上复制的内容 配合copy事件来获取 document.addEventListener('copy', function() { var content = window.getSelection().toString(); console.log(content ) }) 配合键盘事件来获取 document.addEventListener('keyup', func

ueditor编辑文章时候,复制粘贴内容,原来的图片不能显示

ueditor编辑文章时候.当现有文章有图片的时候, 再复制粘贴文本进去的时候.里面的图片就不能显示了, 编辑器查看文章Html代码,图片路径显示为:src="http://localhost/images/net/error!" 正确是:src="http://localhost/images/adc.jpg" 而我用的是自己定义的server的一个路径 查看源代码,发现这块功能是例如以下流程 当粘贴后.UE会将眼下编辑的全部内容中元素又一次赋值属性,即源代码中的

点击按钮复制文本内容 -- jquery Zclip -- Zero Clipboard

今天,经理让我做一个功能,复制文本框中的代码.以前在其他网站上经常见到过这个功能.只不过没有细细研究,今天也是个机会. 这里我使用的事jquery的zeroclipboard来实现复制功能.代码内容很简单,网上也有很多资料. Zero Clipboard作为一个独立的js库,它利用 Flash 进行复制,需要两个文件:ZeroClipboard.js 和 ZeroClipboard.swf . 具体实现如下: jsp页面:  <p>                               

使用clipboard.js复制页面内容到剪切板

最近在做一个的智能客服Web端浏览器应用,其中有一项需求是客户在获取系统返回的 答案后点击“复制答案”按钮将答案复制到系统剪切板.本以为这是一个小case,但是发现如果 要对各种主流浏览器都有良好的兼容性并不简单.原因在于出于安全原因,大多数现代浏览 器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用). 上网搜索了一下,现有的方案大致有两种: 一:使用原生javascript中window.clipboardData实现复制到剪贴板功能: 二:使用Zero Clipboard库: 在尝试了