javascript 遍历数组-JS遍历字段和对象的区别以及递归遍历对象、数组、属性的区别解读

bendan520 javascript

2023-08-26 0 3,313 百度已收录

立即下单

进入商城

进不了网站？换个网络试试！

这篇文章给大家介绍了js中遍历字段和遍历对象的区别。一般来说，for用于遍历字段对象，for-in用于遍历非字段对象。那么小编为大家带来js遍历字段和对象的区别以及js递归遍历对象、数组、属性的解读。让我们来看看。

废话不多说，进入正题吧，具体代码如下：


 //----------------for用来遍历数组对象--
 var i,myArr = [1,2,3];
 for (var i = 0; i < myArr.length; i++) {
  console.log(i+":"+myArr[i]);
 };
 //---------for-in 用来遍历非数组对象
 var man ={hands:2,legs:2,heads:1};
 //为所有的对象添加clone方法，即给内置原型(object,Array,function)增加原型属性,该方法很强大，也很危险
 if(typeof Object.prototype.clone ==="undefined"){
  Object.prototype.clone = function(){}; 
 }
 //
 for(var i in man){
  if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性
   console.log(i,":",man[i]);
  };
 }
 //输出结果为print hands:2,legs:2,heads:1
 for(var i in man) {//不使用过滤
  console.log(i,":",man[i]);
 } 
 //输出结果为
 //hands : 2 index.html:20
 //legs : 2 index.html:20
 //heads : 1 index.html:20
 //clone : function (){} 
 for(var i in man) {
  if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤
   console.log(i,":",man[i]);
  }
 } //输出结果为print hands:2,legs:2,heads:1

接下来给大家介绍一下js递归遍历对象、数组、属性

在后端工作时javascript 遍历数组javascript 遍历数组，有时我们需要迭代未知类型的对象。代码如下所示：

//js遍历对象

函数遍历对象(obj)

对于（varinobj）{

if(typeof(obj[a])=="对象"){

TraversalObject(obj[a]);//递归遍历

别的 {

alert(a+"="+obj[a]);//显示数值

//循环遍历对象中所有Ur值

函数遍历对象(obj)

对于（varinobj）{