使用 Lodash 递归遍历数组

Question

我想使用下划线来迭代每个项目并在每个水果名称的末尾附加一个句点，以及 return 一个数组。但是可以有很多嵌套级别。

`const` `NESTED =` `[
       {name: 'Apple', 
        items: [{
                 name: 'Orange', 
                 items: [{name: 'Banana'}]
              }]}, 
       {name: 'Pear'}]`

我的决赛应该是这样的：

`NESTED =` `[{ name: 'Apple.', items: [{name: 'Orange.', items: [{name: 'Banana.'}]}]}, { name: 'Pear.'}]`

里面可以有很多很多的项目。这就是我卡住的地方，我当前的下划线函数只获得第一级，使用 ._map:

let items = _.map(NESTED, function(item){
            return {
                // append the period here, but doesn't go deeper
            }
        });

执行此操作的好方法是什么？

Answer 1

只是一个快速的尝试

var findMyChildren = function(this, parent){
    if(parent !== null){
        this[name] = child[name] + '.';
    }

    if(child[items] !== null){
        for(var i=0;i<child[items].length;i++){
            var child = this[items][i];
            findMyChildren(child, this);
        }
    }   
};

Answer 2

答案已经在这里looping through arrays of arrays

var printArray = function(arr) {
  if ( typeof(arr) == "object") {
    for (var i = 0; i < arr.length; i++) {
        printArray(arr[i]);
    }
  }
else document.write(arr);
}

printArray(parentArray);

Answer 3

这应该适用于您提供的示例数据。

var pre = document.getElementById('out'),
    NESTED = [{
        name: 'Apple',
        items: [{
            name: 'Orange',
            items: [{
                name: 'Banana'
            }]
        }]
    }, {
        name: 'Pear'
    }];

function recurse(arr) {
    var res = arr.map(function (item) {
        return Object.keys(item).reduce(function (acc, key) {
            if (key === 'name') {
                acc[key] = item[key] + '.';
            } else if (key === 'items') {
                acc[key] = recurse(item[key]);
            }

            return acc;
        }, {});
    });

    return res;
}

pre.textContent = 'New\n\n';
pre.textContent += JSON.stringify(recurse(NESTED), null, 2) + '\n\n';
pre.textContent += 'Original\n\n';
pre.textContent += JSON.stringify(NESTED, null, 2);

<pre id="out"></pre>

将纯 JS 转换为下划线应该很容易。

更新：直接转换为下划线

var pre = document.getElementById('out'),
    NESTED = [{
        name: 'Apple',
        items: [{
            name: 'Orange',
            items: [{
                name: 'Banana'
            }]
        }]
    }, {
        name: 'Pear'
    }];

function recurse(arr) {
    var res = _.map(arr, function (item) {
        return _.reduce(_.keys(item), function (acc, key) {
            if (key === 'name') {
                acc[key] = item[key] + '.';
            } else if (key === 'items') {
                acc[key] = recurse(item[key]);
            }

            return acc;
        }, {});
    });

    return res;
}

pre.textContent = 'New\n\n';
pre.textContent += JSON.stringify(recurse(NESTED), null, 2) + '\n\n';
pre.textContent += 'Original\n\n';
pre.textContent += JSON.stringify(NESTED, null, 2);

<script src="http://underscorejs.org/underscore-min.js"></script>
<pre id="out"></pre>

使用 Lodash 递归遍历数组

Recursively iterate through arrays with Lodash

javascript

lodash