Reduce array of objects to parameter with the same objects

Question

I hope the title is enough self-explanatory but I will try to clarify with a fiddle I've created. There are two arrays, one called tags which is what I currently have and tags_ideal which is what I really want to achieve.

Current state:

var tags = [
  {
    id: 1,
    color: 'red',
    l10n: [
      {
        name: 'Something something',
        lang: 'english'
      },
      {
        name: 'Etwas etwas',
        lang: 'deutsch'
      }
    ]
  },
  {
   id: 2,
   color: 'blue',
   l10n: ...
  }
]

What I'm after:

var tags_ideal = [
  {
    id: 1,
    color: 'red',
    l10n: {
      'english': {
        name: 'Something something',
      },
      'deutsch': {
        name: 'Etwas etwas',
      }
    }
  },
  {
   id: 2,
   color: 'blue',
   l10n: ...
  }
]

I have the first case and want to convert all the stuff from l10n so that they don't have a lang: english parameter but rather have an object called english and the name/title inside of that. Below both tags is what I tried to do and what works when I pass just the l10n object into it, but not the whole thing (I do understand why, and now I would like to know how to do what I am really after).

Also, please note that my arrays are not correct at this point. I have appended three dots at the start of the next object just to point out that there is more than one object in my array.

Here's the fiddle: https://jsfiddle.net/cgvpuj70/

Nina Scholz · Accepted Answer · 2017-08-16 20:02:06Z

2

You could iterate the outer array and map new objects for the inner arrays.

var tags = [{ id: 1, color: 'red', l10n: [{ name: 'Something something', lang: 'english' }, { name: 'Etwas etwas', lang: 'deutsch' }] }, { id: 2, color: 'blue', l10n: [] }];

tags.forEach(a => a.l10n = a.l10n.map(b => ({ [b.lang]: { name: b.name } })));

console.log(tags);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Aug 16, 2017 at 20:02

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

twenty Over a year ago

Although I'm getting the same results as below, I've marked spanky's answer as correct since it works without having to modify anything to bypass eslinter. Thanks a lot!

spanky · Accepted Answer · 2017-08-16 20:05:08Z

1

Use .reduce() on the l10n to make an object populated with the keys/values derived from each object in the current Array.

var tags = [
  {
    id: 1,
    color: 'red',
    l10n: [
      {
        name: 'Something something',
        lang: 'english'
      },
      {
        name: 'Etwas etwas',
        lang: 'deutsch'
      }
    ]
  },
  {
   id: 2,
   color: 'blue'
  }
]

tags.forEach(t => {
  t.l10n = t.l10n && t.l10n.reduce((o, data) => 
    Object.assign(o, {[data.lang]: {name: data.name}})
  , {})
})

console.log(tags);

answered Aug 16, 2017 at 20:05

spanky

2,86010 silver badges9 bronze badges

2 Comments

twenty Over a year ago

Awesome! Works like a charm.

spanky Over a year ago

Glad it helped!

clabe45 · Accepted Answer · 2017-08-17 12:38:47Z

0

All you have to do is create an empty object and fill it up. First, create the new object. Then, for each element of the l10n array, set object[element.lang] equal to element.name. Now you've go the new json structure.

Here's a modified translate function:

function translate(title) {
  var object = {};
  for (var i=0; i<title.length; i++) {
    var element = title[i];
    object[element.lang] = element.name;
  }
  return object;
}

Edit: Here's how you can translate the entire object

var newTags = [];
for (var i=0; i<tags.length; i++) {
    var edited = {};
    edited.id = tags[i].id;
    edited.color = tags[i].color;
    edited.l10n = translate(tags[i].l10n);
    newTags.push(edited);
}

edited Aug 17, 2017 at 12:38

answered Aug 16, 2017 at 20:05

clabe45

2,47418 silver badges27 bronze badges

1 Comment

twenty Over a year ago

It seems to me that this is only working if I pass l10n into it, but not the whole tags var?

Collectives™ on Stack Overflow

Reduce array of objects to parameter with the same objects

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related