Java Script/Vue.Js group by an object base on name

Question

I would like to group by an object based on partial name and add them into variables

data =
{
   SCHOOL-ADMISSION_YEAR: "2021"
   SCHOOL-SCHOOL_NAME: "ABC SCHOOL"
   SCHOOL-SCHOOL_LOCATION: "NEWYORK"
   ENROLLMENT-ADMISSION_YEAR: "2021"
   ENROLLMENT-SUBMISSION_DATE: "2020-04-02"
   ENROLLMENT-ENROLLMENT_DATE: "2020-06-02"
}

The group should be

 School =
  {
   ADMISSION_YEAR: "2021",
   SCHOOL_NAME: "ABC SCHOOL",
   SCHOOL_LOCATION: "NEWYORK",
  }

 Enrollment =
  {
   ADMISSION_YEAR: "2021",
   SUBMISSION_DATE: "2020-04-02",
   ENROLLMENT_DATE: "2020-06-02",
  }

var school = data.filter(p => p.contains('SCHOOL'));
var enrollment = data.filter(p => p.contains('ENROLLMENT'));

Nothing that is shown is specific to Vue. It's JS.

Estus Flask
– Estus Flask

2021-10-15 15:43:16 +00:00
Commented Oct 15, 2021 at 15:43 — Estus Flask
– Estus Flask, Commented Oct 15, 2021 at 15:43
Thank you.I will update the title.

user2410266
– user2410266

2021-10-15 15:46:18 +00:00
Commented Oct 15, 2021 at 15:46 — user2410266
– user2410266, Commented Oct 15, 2021 at 15:46

Estus Flask · Accepted Answer · 2021-10-15 19:40:55Z

1

Plain objects don't have filter method and need to be iterated with a loop. In order to be filtered and mapped, an object can be converted to entry array and back, e.g with ES2019 fromEntries:

const school = Object.fromEntries(
  Object.entries(data)
  .filter(([key]) => key.includes('SCHOOL-'))
  .map(([key, val]) => [key.replace('SCHOOL-', ''), val])
);

For an array of objects it's:

const school = Object.entries(data)
  .filter(([key]) => key.includes('SCHOOL-'))
  .map(([key, val]) => ({ [key.replace('SCHOOL-', '')]: val }));

edited Oct 15, 2021 at 19:40

answered Oct 15, 2021 at 15:49

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

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

5 Comments

user2410266 Over a year ago

I have one more question if you don't mind.Instead of creating single object ,can i create an array of objects.Each key value will be an object inside an array.

Estus Flask Over a year ago

What exactly should the resulting array look like?

user2410266 Over a year ago

[ {ADMISSION_YEAR: "2021"}, {SCHOOL_NAME: "ABC SCHOOL"}, {SCHOOL_LOCATION: "NEWYORK"} ]

Estus Flask Over a year ago

Updated. Generally an array of objects with one key is not very practical, ES6 Map may be more suitable as iterable collection of key value pairs. And in Vue an object is easily iterable in v-for as well.

user2410266 Over a year ago

Thank you very much.working as expected.

user13952187 · Accepted Answer · 2021-10-15 15:48:22Z

0

I think this will work for you:

function getAllWithSubstring(substring) {
  let dataWithSubstring = [];

  for (let key of Object.keys(data)) {
    if (key.includes(substring)) {
      dataWithSubstring.push(data[key])
    }
  }
  return dataWithSubstring;
}

Then you can call it like this:

getAllWithSubstring("SCHOOL"); // => ['2021', 'ABC SCHOOL', 'NEWYORK']
getAllWithSubstring("ENROLLMENT"); // => ['2021', '2020-04-02', '2020-06-02']

answered Oct 15, 2021 at 15:48

user13952187

Collectives™ on Stack Overflow

Java Script/Vue.Js group by an object base on name

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related