Home / Questions / 280964
Accepted
hubman
Asked: 2020-07-24 07:43:18 +0800 CST 2020-07-24 07:43:18 +0800 CST

迭代多级对象

  • 772

我有一个 3 级对象，其中包含一个针对每个级别进行迭代的代码，如果级别增加，我想改进它以使其更具动态性，可以使用递归，甚至可以使用非递归，但如何优化它?

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]


obj.forEach(function(item) {

  Object.keys(item).forEach(function(key) {
    let value = item[key];
    
    Object.keys(value).forEach(function(key2) {
       console.log(value[key2].first, value[key2].last);
     
    });
  });
});

结果应该是：seccion1 level1 john doe level2 juan perez

javascript

4 Answers

  1. Best Answer

    您必须创建一个递归函数，避免重复代码：

    var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function iterarObjeto(objeto){
  Object.keys(objeto).forEach(function(key) {
  
    if(typeof(objeto[key]) === "object"){
     console.info(`objeto ${key} vamos a iterar!`);
     iterarObjeto(objeto[key])
    }else{
      console.log(objeto[key])
    }

  });
}
obj.forEach(function(item) {
  iterarObjeto(item)

});

    我们可以避免最后一次迭代，但是你需要知道最后一次迭代，你避免再次遍历对象，下面的例子：

    const obj = [{
  "seccion1": {
    "level1": { first: "John", last: "Doe"  } ,
    "level2": { first: "juan", last: "perez"}
  }
}]
const ultimaIteracion = 2

function iterarObjeto(objeto, numeroIteracion){
  if (numeroIteracion == ultimaIteracion){
    console.log(objeto);
    return;
  }
  Object.keys(objeto).forEach(function(key) {
  
    if(typeof(objeto[key]) === "object"){
     console.info(`objeto ${key} vamos a iterar!`);
     iterarObjeto(objeto[key], numeroIteracion + 1)
    }

  });
}
obj.forEach(function(item) {
  iterarObjeto(item, 0)

});

    • 8

  2. 使用分治策略：这种类型的对象可以具有基本类型（字符串、数字、bigint、null、未定义...）或另一个嵌套对象作为属性。

    let obj = {
  a : 'primitivo',
  b : 0,
  c : null,
  d : {}, //objeto vacío
  e: [] //objeto array
};


function tipos(o) {
  for (let key in o) {
    console.log('La propiedad ', key,' es ',typeof o[key]);
  }
}

tipos(obj);

    所以你有一个基本情况：属性是一个原始的。递归情况是当对象的属性是另一个对象时：

    var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function printObject(o) {
  let text = '';
  Object.keys(o).forEach(key => {
    if (typeof o[key] === 'object') {
      // objeto: mostramos la clave y hacemos una llamada recursiva
      text += `${key} ${printObject(o[key])}`; 
    } else {
      text += `${o[key]} `; //primitivo: directamente imprimimos el valor
    }
  });
  return text;
}

console.log(printObject(obj));

    • 7

  3. if限制 Pablo Lozano 的答案，可以通过更改by 条件?并在声明函数时:初始化变量来减少几行代码text，如下所示：

    var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]

function printObject(o,text = '') {
  Object.keys(o).forEach(key => {
    typeof o[key] === 'object' ? text += `${key} ${printObject(o[key])}` : text += `${o[key]} ` 
  });
  return text;
}

console.log(printObject(obj));

    这将是迭代多级对象问候的最佳方式。

    • 4

  4. 我向您展示了两种选择，您可以根据您的标准进行优化以获得您要求的结果。

    var obj = [{
		"seccion1": {
			"level1": {
				first: "John",
				last: "Doe"
			},
			"level2": {
				first: "juan",
				last: "perez"
			}
		}
	}];
	console.log('Opcion 1');
    //opcion 1
    obj.forEach(function(item) {
		Object.keys(item).forEach(function(key) {
			let value = item[key];
			Object.keys(value).forEach(function(key2) {
				console.log(key+ ' ' + key2 + ' ' + value[key2].first + ' ' + value[key2].last);
			});
		});
    });
	console.log('Opcion 2');
	//opcion 2
	obj.forEach(function(item) {
		Object.keys(item).forEach(function(key) {
			let value = item[key];
			let res = key;
			Object.keys(value).forEach(function(key2) {
				res = res + ' ' + key2 + ' ' + value[key2].first + ' ' + value[key2].last;
			});
			console.log(res);
		});
	});

    • 2