如何减少此代码的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：地图。 该函数具有签名，如下所示：

array.map(callback,[ thisObject])

此方法还将回调函数应用于数组的每个元素（再次，仅在此数组的必需上下文中，并且仅对现有项）。 但是，它也确实会返回转换后的（映射的）数组。

除了基本的映射结果，我们可能只想获取满足特定条件的某些条目，例如，电子邮件地址以“ d”开头的条目。 我们可以为此目的创建一个过滤器，该过滤器将排除不符合我们条件的项目。 可以使用过滤器方法快速轻松地执行此操作。

签名与地图非常相似：

array.filter(callback,[ thisObject])

过滤器的回调函数应返回布尔值（true或false）。 true表示过滤器已通过，false表示项目不应该包含在结果集中。

参考

• 阵列额外细节