JSFiddle - React, Tailwind, and code Playground

by Trae

HTML

, {
        name: "item 3",
        attachments: [{
            name: "item 3 - A 1"
        }, {
            name: "item 3 - A 2"
        }, {
            name: "item 3 - A 3"
        }, {
            name: "item 3 - A 4"
        }]
    }, {
        name: "item 2",
        attachments: [{
            name: "item 2 - A 1"
        }, {
            name: "item 2 - A 2"
        }, {
            name: "item 2 - A 3"
        }, {
            name: "item 2 - A 4"
        }]
    }

JavaScript

var currentCase = {
    services: [{
        name: "item 1",
        attachments: [{
            name: "item 1 - A 1"
        }, {
            name: "item 1 - A 2"
        }, {
            name: "item 1 - A 3"
        }, {
            name: "item 1 - A 4"
        }]
    }]
}

var index = 0;
var newThing = currentCase.services.reduce(function (a, b) {
    return (a.attachments || a).concat(b.attachments || b);
});

console.log(newThing)