如何在嵌套数组中的键值对中输出键

Question

在项目数组内部，有一个名为“文件夹”的数组，在数组内部有“信息”，我怎么能只打印键而不打印信息数组中的值？ 如打印出来的“创建”和“修改”？

 let item = [ { itemName: 'folder', info: { created:'August 13 2013', modified: 'December 06 2017' } }, { itemName: 'new folder', info: 'ruby files' }, { itemName: 'documents', info: '' } ] 

Answer 1

您可以通过循环数组来打印对象键，并使用Object.keys()来打印键

Answer 2

使用forEach检查每个项目，如果项目的info属性是一个对象，则打印其键。

item.forEach(data => {
  if(data.info.constructor === Object) {
    console.log(Object.keys(data.info));
  }
})

Answer 3

查看每个属性并使用递归函数更深入：

  let item = [
  {
    itemName: 'folder',
    info:
    {
      created:'August 13 2013',
      modified: 'December 06 2017'
    }
  },
  {
    itemName: 'new folder',
    info: 'ruby files'
  },
  {
    itemName: 'documents',
    info: ''  
  }
];

var console=window.console;

function displayObj(obj) {
    if (obj instanceof Array) {
        for (var i = 0; i < obj.length; i++) {
            console.log('obj['+i+']='+obj[i]);
            displayObj(obj[i]);
        }

    }
    if (obj instanceof Object) {
        for (var p in obj) {
            console.log('obj.'+p+'='+obj[p]);
            displayObj(obj[p]);
        }
    }
}

displayObj(item);

Answer 4

好吧，它不是无限递归的，但是它可以工作（我会尝试改善它）

let items = [
    {
        itemName: 'folder',
        info:
        {
            created:'August 13 2013',
            modified: 'December 06 2017'
        }
    },
    {
        itemName: 'new folder',
        info: 'ruby files'
    },
    {
        itemName: 'documents',
        info: ''    
    }
];

let Keys = [];

items.forEach((el, index) => {
    Object.keys(el).forEach(key => {
        if(!Keys[index])
            Keys[index] = [];
        if(typeof el[key] === 'object'){
            Keys[index].push(Object.keys(el[key]));
        }
        else {
            Keys[index].push(key);
        }
    })
});

的jsfiddle