Question

我试图改变这个：

['value1', 'value2', 'value3']

在此：

{
    value: 'value1',
    parent: {
        value: 'value2',
        parent: {
            value: 'value3'
        }
    }
}

反过来......
有人知道在ES6中做到这一点的最佳方法吗？

Answer 1

您可以使用Array#reduceRight并在检查父级时构建对象。

＆＃13;

var array = ['value1', 'value2', 'value3'],
    result = array.reduceRight(
        (parent, value) => Object.assign({ value }, parent && { parent }),
        undefined
    );
    
console.log(result);

＆＃13;

Answer 2

没有＆＃34;最好的＆＃34;方式。

reduce的一些有趣用法：

＆＃13;

let converted = {};
['value1', 'value2', 'value3'].reduce((res, el) => (res.value=el, res.parent={}), converted);

console.log(converted);

＆＃13;

或者reverse：

＆＃13;

let result =   ['value1', 'value2', 'value3'].reverse()
    .reduce((res, el) => res?{value: el, parent: res}:{value: el}, null);

console.log(result);

＆＃13;

Answer 3

保持对原始对象的引用，并为每次循环

创建父节点

＆＃13;

var arr = ['value1', 'value2', 'value3']

var obj = head = {}
arr.forEach(val=> {
   obj['value'] = val;
   obj['parent'] = {}
   obj = obj.parent
})

console.log(head);

＆＃13;

使用数组中的值递归填充对象

3 个答案: