如何实现深拷贝？

朱雀 2023-03-14 13:23 192阅读 0赞

利用正则快速转换指定时间格式

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>/</code><code>/</code> <code>20200303</code> <code>=</code><code>&gt;</code> <code>2020</code><code>-03</code><code>-03</code></p> <p><code>date</code> <code>=</code> <code>date</code><code>.replace</code><code>(</code><code>/</code><code>(</code><code>.</code><code>{ </code><code>4</code><code>}</code><code>)</code><code>/</code><code>,</code> <code>"$1-"</code><code>)</code><code>;</code></p> <p><code>date</code> <code>=</code> <code>date</code><code>.replace</code><code>(</code><code>/</code><code>(</code><code>.</code><code>{ </code><code>7</code><code>}</code><code>)</code><code>/</code><code>,</code> <code>"$1-"</code><code>)</code><code>;</code></p> </td> 
  </tr> 
 </tbody> 
</table>

正则表达式校验输入百分比值

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>let reg </code><code>=</code> <code>/</code><code>^</code><code>-</code><code>?</code><code>(</code><code>100</code><code>|</code><code>(</code><code>(</code><code>[</code><code>1</code><code>-9</code><code>]\d|\d</code><code>)</code><code>(</code><code>.\d</code><code>{ </code><code>1</code><code>,</code><code>2</code><code>}</code><code>)</code><code>?</code><code>)</code><code>)</code><code>%$</code><code>/</code></p> </td> 
  </tr> 
 </tbody> 
</table>

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>console.</code><code>log</code><code>(</code><code>!reg.test</code><code>(</code><code>99.3</code><code>)</code><code>)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

iview tree 为指定节点设置展开不生效  
// 问题  
在变量 treeData的时候设置 extend = true  
并没有生效，在打印treeData后发现并没有与extend相关的get set 方法。  
所以导致无法展开。  
复制代码// 结论  
直接在数据中添加属性是无法生成get和set方法  
// 解决

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>vue.$</code><code>set</code><code>(</code><code>item</code><code>,</code> <code>'extend'</code><code>,</code> <code>true</code><code>)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

获取map数组的key值

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> </td> 
   <td> <p><code>getObjectKeys </code><code>(</code><code>object</code><code>)</code><code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var keys </code><code>=</code> <code>[];</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for</code> <code>(</code><code>var </code><code>property</code> <code>in</code> <code>object</code><code>)</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code> <code>property</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code><code>,</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

如何实现深拷贝？

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>01</p> <p>02</p> <p>03</p> <p>04</p> <p>05</p> <p>06</p> <p>07</p> <p>08</p> <p>09</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> <p>18</p> <p>19</p> <p>20</p> </td> 
   <td> <p><code>function deep</code><code>(</code><code>origin</code><code>,</code> <code>target</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var </code><code>target</code> <code>=</code> <code>target</code> <code>|| </code><code>{ </code><code>}</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for</code> <code>(</code><code>var </code><code>prop</code> <code>in</code> <code>origin</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code> <code>(</code><code>origin.hasOwnProperty</code><code>(</code><code>prop</code><code>)</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code> <code>(</code><code>typeof origin[</code><code>prop</code><code>] </code><code>=</code><code>=</code> <code>'object' </code><code>&amp;</code><code>&amp;</code> <code>typeof origin[</code><code>prop</code><code>] !</code><code>=</code><code>=</code> <code>null</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code> <code>(</code><code>origin[</code><code>prop</code><code>] instanceof Array</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>target</code><code>[</code><code>prop</code><code>] </code><code>=</code> <code>[];</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>deep</code><code>(</code><code>origin[</code><code>prop</code><code>]</code><code>,</code> <code>target</code><code>[</code><code>prop</code><code>]</code><code>)</code><code>;</code><code>/</code><code>/</code><code>递归调用deep</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code> <code>(</code><code>origin[</code><code>prop</code><code>] instanceof Object</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>target</code><code>[</code><code>prop</code><code>] </code><code>=</code> <code>{ </code><code>}</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>deep</code><code>(</code><code>origin[</code><code>prop</code><code>]</code><code>,</code> <code>target</code><code>[</code><code>prop</code><code>]</code><code>)</code><code>;</code><code>/</code><code>/</code><code>递归调用deep</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>else if</code> <code>(</code><code>typeof origin[</code><code>prop</code><code>] </code><code>=</code><code>=</code> <code>'</code><code>number</code><code>' || typeof origin[</code><code>prop</code><code>] </code><code>=</code><code>=</code> <code>'</code><code>string</code><code>' || typeof origin[</code><code>prop</code><code>] </code><code>=</code><code>=</code> <code>'</code><code>boolean</code><code>'</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>target</code><code>[</code><code>prop</code><code>] </code><code>=</code> <code>origin[</code><code>prop</code><code>];</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code> <code>target</code><code>;</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

vue rules 校验不能输入汉字

\[AppleScript\] *纯文本查看* *复制代码*

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </td> 
   <td> <p><code>const checkData </code><code>=</code>&nbsp; <code>(</code><code>rule</code><code>,</code> <code>value</code><code>,</code> <code>callback</code><code>)</code> <code>=</code><code>&gt;</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code> <code>(</code><code>/</code><code>[\u</code><code>4</code><code>E</code><code>00</code><code>-</code><code>\u</code><code>9</code><code>FA</code><code>5</code><code>]</code><code>/</code><code>g.test</code><code>(</code><code>value</code><code>)</code> <code>|| </code><code>value</code> <code>=</code><code>=</code><code>=</code> <code>''</code><code>)</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>callback</code><code>(</code><code>new</code> <code>Error</code><code>(</code><code>'只能数字英文和符合!'</code><code>)</code><code>)</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>else</code> <code>{ </code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>callback</code><code>(</code><code>)</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code></p> <p><code>}</code></p> </td> 
  </tr> 
 </tbody> 
</table>

链接：https://juejin.im/post/5eb903f85188256d4a6d6e6b

[Link 1]: http://bbs.itheima.com/#

发表评论取消回复

表情：

评论列表（有 0 条评论，192人围观）

还没有评论，来说两句吧...

相关阅读

相关字节一面：深拷贝浅拷贝的区别？如何实现一个深拷贝？

最近博主在字节面试中遇到这样一个面试题，这个问题也是前端面试的高频问题，我们经常需要对后端返回的数据进行处理才能渲染到页面上，一般我们会讲数据进行拷贝，在副本对象里进行处...

àì夳堔傛蜴生んèń/ 2024年04月17日 10:28/ 0 赞/ 66 阅读

相关深拷贝的实现

https://cloud.tencent.com/developer/article/2019581 function deepClone(source) {

本是古典何须时尚/ 2023年10月16日 12:49/ 0 赞/ 59 阅读

相关如何实现一个完整的深拷贝

浅拷贝和深拷贝浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，所

r囧r小猫/ 2023年08月17日 16:47/ 0 赞/ 124 阅读

相关 JS实现深拷贝

[JS实现深拷贝][JS] 一、赋值、浅拷贝与深拷贝的区别 ![format_png][] 二、深拷贝的方法 1.JSON转换 var

桃扇骨/ 2023年06月16日 08:08/ 0 赞/ 69 阅读

相关如何实现深拷贝？

利用正则快速转换指定时间格式 \[AppleScript\] 纯文本查看复制代码 [?][Link 1] <table> <tbody> <tr> <

朱雀/ 2023年03月14日 13:23/ 0 赞/ 193 阅读

相关详解深拷贝和浅拷贝以及如何深拷贝

深拷贝和浅拷贝一、如何区分深拷贝和浅拷贝二、举例加深理解深拷贝和浅拷贝三、图文理解四、哪些方法是浅拷贝，如何进行深拷贝一、如何区分深

你的名字/ 2022年12月05日 01:36/ 0 赞/ 248 阅读

相关面试官：深拷贝浅拷贝的区别？如何实现一个深拷贝？

![format_png][] 一、数据类型存储 `JavaScript`中存在两大数据类型：基本类型引用类型基本类型数据保存在在栈内存中引用

向右看齐/ 2022年10月29日 07:48/ 0 赞/ 183 阅读

相关浅拷贝与深拷贝的实现

文章目录 1 问题背景 2 浅拷贝 2.1 概念 2.2 例子 3 深拷贝 3.1 概念 3.2 例

我不是女神ヾ/ 2022年10月12日 01:34/ 0 赞/ 195 阅读

相关深拷贝和浅拷贝实现方式

深拷贝 1. JSON方法实现 //_tmp和result是相互独立的，没有任何联系，有各自的存储空间。 let deepClone = functi

港控/mmm°/ 2022年05月25日 01:26/ 0 赞/ 197 阅读

相关 javascript实现深拷贝与浅拷贝

一、浅拷贝 //定义浅拷贝函数 function copy(obj){ var result = { }; for(var

超、凢脫俗/ 2022年01月28日 16:55/ 0 赞/ 254 阅读