javascript如何获取对象并复制对象实现用法详解-js教程-PHP中文网

javascript如何获取对象并复制对象实现用法详解

伊谢尔伦

发布： 2017-07-21 13:37:42

原创

1408人浏览过

了解一个js对象的所有属性和方法，获得一个对象的所有属性和方法，核心代码和原理如下：

function displayProp(obj){  
  var names="";   
  for(var name in obj){   
    names+=name+": "+obj[name]+", "; 
  } 
  alert(names); 
}

登录后复制

如果知道这个对象的所有属性自然就可以重新new一个，然后对每个属性赋值，就可以做到，但如果不知道呢？如何创建一个内容相同的对象呢？

var obj={ colkey: "col", colsinfo: "NameList" }

登录后复制

最简单就是使用for in，
例如obj2就拥有了和obj完全相同的属性

标书对比王

标书对比王是一款标书查重工具，支持多份投标文件两两相互比对，重复内容高亮标记，可快速定位重复内容原文所在位置，并可导出比对报告。

查看详情

var obj2=new Object(); 
for(var p in obj) 
{ 
var name=p;//属性名称 
var value=obj[p];//属性对应的值 
obj2[name]=obj[p]; 
}

登录后复制

其实这种方式有一定的限制，关键是js中for in有一定限制，并不会遍历对象的所有属性，只会遍历可枚举的属性，由js核心定义的方法都是不可枚举的，例如tostring(),但代码中定义的属性都是可枚举的（可以通过特殊定义为不可枚举的）。因此这个方法就够用了。
一个对象是否可以进行for in穷举，我们可以通过propertyIsEnumerable属性来判断，说明如下：
propertyIsEnumerable 属性
返回 Boolean 值，指出所指定的属性是否为一个对象的一部分以及该属性是否是可列举的。
object.propertyIsEnumerable(proName)
参数
object
必选项。一个对象。
proName
必选项。一个属性名称的字符串值。
说明
如果 proName 存在于 object 中且可以使用一个 For…In 循环穷举出来，那么 propertyIsEnumerable 属性返回 true。如果 object 不具有所指定的属性或者所指定的属性不是可列举的，那么 propertyIsEnumerable 属性返回 false。典型地，预定义的属性不是可列举的，而用户定义的属性总是可列举的。
propertyIsEnumerable 属性不考虑原型链中的对象。

以上就是javascript如何获取对象并复制对象实现用法详解的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

基于后端数据的表单元素动态控制：Flask与JavaScript实现教程 JavaScript 中将单行扁平化对象数组拆分为多行独立对象使用JavaScript的reduce方法进行复杂数组对象转换与聚合 JavaScript实现下拉选择时区并实时显示时间及相关信息 JavaScript中如何将扁平化对象拆分为结构化对象数组