我如何减少这段代码的javascript代码，使它不是作为重复标题？

Question

我有一个函数，它遍历对象中的每个名称。该对象具有一个包含其他对象的数组参数材料。这些对象具有相同的数组参数，这些数组参数包含更多的对象，等等。

我的代码行3-5只是重复添加.material和另一个变量。此外，代码将只进入一个对象的名称，向下四层，否则，我必须继续重复更多的代码。

我怎么才能减少这个烂摊子呢？

var itemList = function(x) {
    console.log(x.materials[0].name);
for (var i = 1; i < x.materials.length; i++) {
    console.log(x.materials[i].name);
    if (x.materials[i].build !== "BasicFactory" && i !== 0) {
        for (var j = 1; j < x.materials[i].materials.length; j++) {
            console.log(x.materials[i].materials[j].name);
            if (x.materials[i].materials[j].build !== "BasicFactory" && j !== 0) {
                for (var k = 1; k < x.materials[i].materials[j].materials.length; k++) {
                console.log(x.materials[i].materials[j].materials[k].name);
                if (x.materials[i].materials[j].materials[k].build !== "BasicFactory" && j !== 0) {
                    for (var l = 1; l < x.materials[i].materials[j].materials[k].materials.length; l++) {
                    console.log(x.materials[i].materials[j].materials[k].materials[l].name);
                    }
                }
                }
            }
        }
    }
}
};

Answer 1

使用map迭代和获取键/值对，使用filter删除其他值：

​

function foo(value, index)
  {
  if (value.hasOwnProperty("name")) return value.name; else return null;
  }

function bar(value)
  {
  if (value) return value;
  }

var baz = 
[
    1,
    2,
    {name:[1,
           2,
           {name:[1,2,3]}
          ]
    }
].map(foo).filter(bar);

console.log(baz);

​

有时，我们可能希望获得原始数组的转换或映射。JavaScript也为此提供了一个HOF : map。此函数具有以下签名：

array.map(callback,[ thisObject])

此方法还对数组的每个元素应用回调函数(同样，仅在所需的上下文中，并且仅适用于现有项)。但是，它也返回转换(映射)数组作为结果。 与基本的映射结果不同，我们可能只想获得满足某种条件的特定条目，例如，具有以"d“开头的电子邮件地址的条目。我们可以为此目的创建一个过滤器，这将排除不通过我们的条件的项目。过滤器方法可以用来快速和容易地完成这一任务。 签名非常类似于地图的签名：

array.filter(callback,[ thisObject])

过滤器的回调函数应该返回布尔值(真或假)。true表示筛选器被传递，false表示不应该将项包含在结果集中。

参考资料

• 数组外推