js修改clone对象的参数

最新推荐文章于 2024-08-15 10:20:11 发布
最新推荐文章于 2024-08-15 10:20:11 发布
阅读量670 收藏
点赞数
分类专栏： 学习 文章标签： JavaScript HTML J# ViewUI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>

<script language="JavaScript">
<!--

function cc(obj){
  oNewSel = obj.cloneNode(true);
  oNewSel.setAttribute("id","jhdakjhdasjd");
  oNewSel.options[obj.selectedIndex].selected=true;
document.body.insertBefore(oNewSel);
alert(oNewSel.outerHTML);

}
//-->
</script>
</head>

<body>
<select name="" id="asel">
 <option value=1>1</option>
 <option value=2>2</option>
 <option selected value=3>3</option>
 <option value=4>4</option>
</select>

<input type="button" value="copy" οnclick="cc(asel);">

<div id="diva"></div>
</body>
</html>

注意：使用cloneNode方法，无法去修改clone的[SELECT]对象的NAME值，只能修改ID．－＿－　花了近一天得到的结果．．．

//一些笔记

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">
<!--
function cc(obja,objb){
 arrayObj = new Array();
 arrayCellObj = new Array(); //for filter same rows
 for(i=1; i < obja.rows.length ; i++) {
  cloneRow = obja.rows(i).cloneNode(true);
  arrayObj.push(cloneRow);
  arrayCellObj.push(obja.rows(i).cells(0).innerHTML);
 }

 for (i = 0; i < arrayObj.length; i++){
  if(!isHadObj(objb,arrayCellObj[i])){
   objb.appendChild(arrayObj[i]);
  }
 }

}

function isHadObj(objtbl,obj){
 for(j=0;j < objtbl.rows.length ; j++) {
  CellHtml = objtbl.rows(j).cells(0).innerHTML;
  if(CellHtml==obj){
   return true;
  }
 }
 return false;
}
//-->
</script>

</head>

<body>
<table id="tbla" border="1">
<tr>
 <td>11</td>
 <td>12</td>
</tr>
<tr>
 <td>21</td>
 <td>22</td>
</tr>
</table>
<br/>
<table border="1">
<tbody id="tblb" >
<tr>
 <td>a1</td>
 <td>a2</td>
</tr>
</tbody>
</table>

<input type="button" value="copy" οnclick="cc(tbla,tblb);"/>

</body>
</html>

johnhzjx
关注
专栏目录
js实现深度克隆函数clone(）
吴冬雪的博客
05-12 2064
今天聊一下clone这个前端面试高频问题，由此引出typeof、instanceof、Object.prototype.toString这些javascript Api。js对象之间的赋值，如果直接用"="会发现来两个对象还是同一个对象，改变其中一个另外的一个也会做出对应的改变。 建议先学一下js 数据类型判断 -> 参考https://blog.csdn.net/qq_37548296/article/details/105440198 ======================= ...
用cloneNode 克隆，解决id问题/方法 深复制和浅复制修改id的方法
责任与担当
07-14 1990
cloneNode 使用函数方法解决深复制中id重复的问题 // var ul1=clones(ul,true); // document.body.appendChild(ul1); // 深复制修改id // function clones(sourceElem,deep,target) { // var elem; /...
JS（十）——clone()
最新发布
初叙
08-15 320
深拷贝
JavaScript 中对象的多种克隆方式以及注意事项
不知名人士的博客
03-30 1489
JS 对象克隆
Js ——CloneNode()用法
热门推荐
进击的葱
12-26 2万+
描述： cloneNode() 方法可创建指定的节点的精确拷贝。 cloneNode() 方法 拷贝所有属性和值。 该方法将复制并返回调用它的节点的副本。 如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。 否则（也就是默认值，或者false），它只复制当前节点。 案例： 代码： <!DOCTYPE html> <html> &lt...
js中对象克隆
weixin_51938803的博客
12-18 567
js中的对象克隆
深入理解JavaScript中的对象复制(Object Clone)
10-22
在深入探讨JavaScript中的对象复制（Object Clone）时，首先需要明确JavaScript中的对象复制分为浅复制（Shallow Copy）和深复制（Deep Copy）。浅复制指的是创建一个新对象，这个对象有着原始对象属性值的一份精确...
javascript中clone对象详解.docx
01-13
克隆对象的目的是创建一个与原对象具有相同属性和值的新对象，但两者之间没有引用关系，即修改克隆对象不会影响原始对象。在JavaScript中，有多种方法可以实现对象的克隆，这里我们将重点讲解使用自定义函数实现的...
JS 数组和对象的深拷贝操作示例
10-15
这样，修改原始对象不会影响到深拷贝后的对象。在数组和对象的深拷贝中，有多种方法可以实现这一目的。 一、数组的深拷贝 1. `Array.from()` `Array.from()`方法可以从类数组对象或可迭代对象创建一个新的数组...
js克隆对象、数组的常用方法介绍
12-02
在JavaScript中，克隆对象和数组是常见的需求，特别是在处理数据的复制、备份或避免原始数据被意外修改时。以下是一些常用的克隆方法： 1. **Ext的克隆方法**： - `Ext.clone(json)`：这个方法是ExtJS框架提供的，...
js对象克隆的几种方法
爱的叹息的专栏
11-23 6368
在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中，在栈内存中会存在一个指针指向堆内存中的值。这时，如果只复制了指针，则可以说这个克隆为浅克隆，如果时根据指针找到具体的值，复制值，就可以称之为深克隆。
jquery.clone.js
08-10
jquery.clone
JS克隆的方法
weixin_44338896的博客
06-25 815
** JS中几种克隆的方法 ** 克隆分为浅克隆与深克隆。 当克隆的数据为基本数据类型number、string、boolean时，undefined、null也是，它们可以直接赋值，彼此之间相互不影响。 // 以number为例 string boolean是一样的 let num1 = 123; let num2 = num1; num2 = 111; console.log(num1,num...
JS 对象克隆方法总结
08-24 450
1.基本对象的clone// 如果clone基本对象，直接赋值即可 var s = 'hello world'; var ss = s; console.log(ss); ss = "I'm changed"; console.log(s); console.log(ss);2.数组的clonevar a = [0,1,2,3]; var b = a.slice(0); a = [3,2,1
JS Javascript 深拷贝(clone) 操作不会改变原数组的几种拷贝方式 使用ES6实现数组的深拷贝深克隆
SupperPigger的博客
11-20 3373
复制一个数组内容且两个数组相互独立，原有一个数组A，现在要新建一个数组B，数组B默认等于数组A，如果使用let B = A 的话改变B的同时也会对数组A产生影响。使用深拷贝就可以避免操作新B数组时影响原数组A。使两个数组相互独立。使用for循环、forEach()、slice()、concat()、map()、Array.from()、Array.of()、扩展运算符等方式实现数组的深拷贝。
JS中对象深拷贝：structuredClone()
06-20 7071
structuredClone() 是一个新功能，很快就会被大多数浏览器、Node.js 和 Deno 支持。它创建对象的深拷贝。下面是对它如何实现的研究分享，阅读时间约为 5 分钟。
关于JS的clone()函数编写的一些问题
angjian3846的博客
03-19 145
问题讲述：用js 实现一个clone()克隆函数，该函数会把输入进去的不同类型值Number，String，Undefined，Boolean，Function,Null,Object,Array,RegExp,克隆一份出来 一、解题代码 直接贴代码， function clone(obj){ var copy; switch...
JS对象克隆，js改变新对象的值不影响引用对象的值，亲测有效
Dream_xun的专栏
12-07 3748
话不多说，直接上代码 getChildFormData(row,data){ this.form = {id:this.form.id} this.form.produceId = row.id this.arrData = data //这样赋值其实就是引用，地址相同， alert(this.arrData===data) //使用===（绝对等于）打印 ...
对象的深克隆javascript实现
09-13
### 回答1： 在 JavaScript 中，深克隆一个对象通常可以通过递归实现。具体来说，需要遍历对象的每一个属性，如果某个属性是对象或数组，那么需要递归地进行深克隆，否则直接将其赋值给新对象即可。 以下是一个简单的深克隆实现： ```javascript function deepClone(obj) { if (obj === null || typeof obj !== "object") { // 如果不是对象或数组，则直接返回 return obj; } const clone = Array.isArray(obj) ? [] : {}; // 判断是数组还是对象 // 遍历每个属性并递归克隆 for (let key in obj) { clone[key] = deepClone(obj[key]); } return clone; } ``` 这个函数可以接受任何类型的对象作为参数，并返回一个深克隆后的对象。需要注意的是，该函数有一些限制： - 该函数不支持循环引用，如果原对象中有循环引用，将会导致栈溢出错误。 - 该函数不会克隆对象的原型链，只会克隆自身的属性。 因此，在使用这个函数时需要注意它的限制。如果需要处理循环引用或者原型链，需要使用更为复杂的实现。 ### 回答2： 在JavaScript中实现对象的深克隆，可以通过以下步骤实现： 1. 创建一个函数，命名为deepClone，该函数将接收一个参数obj，表示需要克隆的对象。 2. 首先判断obj的类型，如果obj是基本数据类型或者是null，则直接返回该值，因为基本数据类型是按值传递的，不存在引用关系。 3. 创建一个变量cloneObj，用于保存克隆后的对象。 4. 遍历obj的属性，使用for...in循环遍历obj的所有可枚举属性。 5. 在遍历的过程中，判断obj的属性值的类型，如果属性值是对象或者数组，则递归调用deepClone函数进行深克隆，将返回的克隆值赋给cloneObj的对应属性。 6. 如果属性值是基本数据类型或者是函数，则直接赋值给cloneObj的对应属性。 7. 最后，返回cloneObj，即为深克隆后的对象。 以下是一个实现深克隆的代码示例： function deepClone(obj) { if (obj === null || typeof obj !== "object") { return obj; } let cloneObj = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { cloneObj[key] = deepClone(obj[key]); } } return cloneObj; } 使用方法如下： const obj = { name: "Alice", age: 20, hobbies: ["coding", "reading"], address: { city: "Beijing", country: "China" } }; const clonedObj = deepClone(obj); console.log(clonedObj); 上述代码能够将obj深克隆得到一个独立的对象clonedObj，两者完全独立，修改其中一个对象不会影响另一个对象。 ### 回答3： 对象的深克隆是指将一个对象完全复制一份，并且新对象与原对象没有任何引用关系。Javascript实现对象的深克隆可以通过以下步骤： 1. 创建一个空的目标对象，用于存储克隆后的对象。 2. 遍历原始对象的属性，使用递归的方式克隆每个属性的值。 3. 对于原始对象的每个属性，判断其类型： - 若为基本数据类型（如字符串、数字、布尔值等），直接复制到目标对象。 - 若为引用类型（如对象、数组等），则需要再次进行克隆操作。 4. 对于引用类型的属性，根据其具体类型进行不同的处理： - 若为数组，创建一个新的空数组，并遍历原数组，递归地将每个元素克隆到新数组中。 - 若为对象，创建一个空对象，并遍历原对象的属性，递归地将每个属性值克隆到新对象中。 5. 将克隆后的属性值赋值给目标对象对应的属性。 6. 最后返回目标对象，完成深克隆操作。 下面是一个简单的Javascript代码示例： function cloneObject(source) { let target = {}; for(let key in source) { if(typeof source[key] === 'object' && source[key] !== null) { if(source[key].constructor === Array) { // 克隆数组 target[key] = source[key].map(item => cloneObject(item)); } else { // 克隆对象 target[key] = cloneObject(source[key]); } } else { // 复制基本数据类型 target[key] = source[key]; } } return target; } 使用该函数进行对象的深克隆： let obj1 = {a: 1, b: {c: 2}}; let obj2 = cloneObject(obj1); console.log(obj2); // 输出: {a: 1, b: {c: 2}} console.log(obj1 === obj2); // 输出: false
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值