Как преобразовать в es5?

Question

[nastya_zholudeva]

Как преобразовать в es5 конструкцию { childItems, ...item } из

arr.reduce((acc, { childItems, ...item }) => {
    path.push(item);

UPD: преобразовать в es5 пытаюсь вот это

Answer 1

[Александр]

Babel

UPD:
Ну, если в массиве всегда будут объекты, можно так:

var arr = [
    {
        name: 'Alex',
        data: {
            role: '1'
        },
        childItems: ['Bob', 'Alice']
    },
    {
        name: 'Kristine',
        data: {
            role: '2'
        },
        childItems: ['Kate', 'Morgan']
    }
];

function copy(object) {
    var root = {};

    Object.keys(object).forEach(function (key) {
        var branch = object[key];

        if (typeof branch === 'object' && !(branch instanceof Array)) {
            root[key] = copy(branch);
        } else {
            root[key] = branch;
        }
    });
    
    return root;
}

var newArr = arr.reduce(function (acc, entry) {
    var clonedEntry = copy(entry);
    delete(clonedEntry.childItems);
    
    acc.push(clonedEntry);
    
    return acc;
}, []);

console.log(arr); // [{ name: 'Alex', data: { role: '1' }, childItems: [ 'Bob', 'Alice' ] }, { name: 'Kristine', data: { role: '2' }, childItems: [ 'Kate', 'Morgan' ] }]
console.log(newArr); // [{ name: 'Alex', data: { role: '1' } }, { name: 'Kristine', data: { role: '2' } }]

Конечно, код не идеален, только для примера написал. По-хорошему, надо будет функцию copy сделать для разных типов.

Answer 2

[Alex]

https://babeljs.io/repl#?browsers=Chrome%2080&buil...

Answer 3

[WapSter]

Babel online

Answer 4

[Александр Черемхин]

const data ={
  childItems :'AAA',
  a:1,
  b:2,
  c:3
 }
const  { childItems, ...item }  = data;

console.log(childItems) // AAA
console.log(items) // {a:1, b2, c3}

Comments

[nastya_zholudeva]

Александр Черемхин, а как это работает в рамках второго параметра reduce?

[Александр]

Так-то деструктурирующего присваивания в ES5 нету.

[Александр Черемхин]

arr.reduce((acc, data) => {
    const  { childItems, ...item }  = data;
    path.push(item);
    ...
// эквивалентно
arr.reduce((acc, { childItems, ...item }) => {
    path.push(item);
    ...

[nastya_zholudeva]

Александр, Просто мне в Как сделать рекурсию в таком случае? подсказали решение, но на es6. Я его переделываю под es5 и вот такие конструкции

arr.reduce((acc, { childItems, ...item }) => {
    path.push(item);

не знаю, как преобразовать, чтобы корректно работало

[Александр]

nastya_zholudeva, А чем Babel (транспилятор) не устраивает? Он умеет переводить в ES5

[nastya_zholudeva]

Александр Черемхин, а const { childItems, ...item } = data; в es5 тоже нет

[nastya_zholudeva]

Александр, выглядит как-то громоздко

[Александр Черемхин]

nastya_zholudeva, используйте babel и webpack для сборки. Никто руками не переводит давно.

выглядит как-то громоздко

Если правильно делать руками, получится то же самое.

[Александр]

nastya_zholudeva, Ну, если в массиве всегда будут объекты, можно так:

var arr = [
    {
        name: 'Alex',
        data: {
            role: '1'
        },
        childItems: ['Bob', 'Alice']
    },
    {
        name: 'Kristine',
        data: {
            role: '2'
        },
        childItems: ['Kate', 'Morgan']
    }
];

function copy(object) {
    var root = {};

    Object.keys(object).forEach(function (key) {
        var branch = object[key];

        if (typeof branch === 'object' && !(branch instanceof Array)) {
            root[key] = copy(branch);
        } else {
            root[key] = branch;
        }
    });
    
    return root;
}

var newArr = arr.reduce(function (acc, entry) {
    var clonedEntry = copy(entry);
    delete(clonedEntry.childItems);
    
    acc.push(clonedEntry);
    
    return acc;
}, []);

console.log(arr); // [{ name: 'Alex', data: { role: '1' }, childItems: [ 'Bob', 'Alice' ] }, { name: 'Kristine', data: { role: '2' }, childItems: [ 'Kate', 'Morgan' ] }]
console.log(newArr); // [{ name: 'Alex', data: { role: '1' } }, { name: 'Kristine', data: { role: '2' } }]

Конечно, код не идеален, только для примера написал. По-хорошему, надо будет функцию copy сделать для разных типов.

[nastya_zholudeva]

Александр, спасибо) Сделайте отдельным ответом, я решением отмечу

[Александр Черемхин]

По-хорошему, надо будет функцию copy сделать для разных типов.

Это путь в АД )))
Используйте lodash https://lodash.com/
clone https://lodash.com/docs/4.17.15#clone