Retrieve data from an array of objects nested within another object

Question

Retrieve data from an array of objects nested within another object

Imagine a scenario where there is an object containing an array of objects.

let events = {
    "id": 241,
    "name": "Rock Party",
    "type": "party",
    "days": [
        {
            "id": 201,
            "day": "Monday"
        },
        {
            "id": 202,
            "dia": "Friday"
        }
    ],
}

The goal is to extract only the values under the key "day". For instance:

let days = ["Monday", "Friday"]

I attempted using Object.values(events.days[0]), however, the outcome was different:

[201, 'Monday']

javascript arrays json angularjs object

Answer 1

Answer №1

let events = {
    "id": 241,
    "name": "Rock Event",
    "type": "event",
    "days": [
        {
            "id": 201,
            "day": "Monday"
        },
        {
            "id": 202,
            "dia": "Friday"
        }
    ],
};

let eventDays = events.days.map(x => x.dia || x.day);
console.log(eventDays);

This is the script that interacts with your information. However, I strongly believe that the property name should be either day or dia, not both simultaneously.

Answer 2

let events = {
    "id": 241,
    "name": "Rock Event",
    "type": "event",
    "days": [
        {
            "id": 201,
            "day": "Monday"
        },
        {
            "id": 202,
            "dia": "Friday"
        }
    ],
};

let eventDays = events.days.map(x => x.dia || x.day);
console.log(eventDays);

This is the script that interacts with your information. However, I strongly believe that the property name should be either day or dia, not both simultaneously.

Answer 3

Answer №2

If dia is actually a mistake:

let days = [];
for (const party of allParties.days) {
   days.push(party.day);
}
console.log(days);

Answer 4

If dia is actually a mistake:

let days = [];
for (const party of allParties.days) {
   days.push(party.day);
}
console.log(days);

Answer 5

Answer №3

To easily achieve the desired outcome, utilize the Nullish coalescing operator (??)

partys.days.map((x) => x.dia ?? x.day);

let partys = {
  id: 241,
  name: "Rock Party",
  type: "party",
  days: [
    {
      id: 201,
      day: "Monday",
    },
    {
      id: 202,
      dia: "Friday",
    },
  ],
};

let days = partys.days.map((x) => x.dia ?? x.day);
console.log(days);

Answer 6

To easily achieve the desired outcome, utilize the Nullish coalescing operator (??)

partys.days.map((x) => x.dia ?? x.day);

let partys = {
  id: 241,
  name: "Rock Party",
  type: "party",
  days: [
    {
      id: 201,
      day: "Monday",
    },
    {
      id: 202,
      dia: "Friday",
    },
  ],
};

let days = partys.days.map((x) => x.dia ?? x.day);
console.log(days);

Retrieve data from an array of objects nested within another object

Answer №1

Answer №2

Answer №3

Similar questions

Establishing a Next.js API endpoint at the root level

Transferring a single dataset from a table to a pop-up modal using Angular

Javascript generates a mapping of values contained within an array

What steps can I take to resolve the CSP errors I am experiencing?

What steps can be taken to stop the page from refreshing and losing its state when cancelling navigation using the back and forward browser buttons in React-router v4.3?

Using data variables as arguments in the style section of Vue2

What issue could be causing the JSON to array conversion to fail in an Android application?

Utilize images stored locally in ReactJS

Exploring the possibilities of utilizing package.json exports within a TypeScript project

What steps do I need to take in order to develop a cross-platform icon using React Native

Synchronizing Form Data in Angular 5: Pass and Populate Dropdowns between Components

What is the best way to organize objects based on their timestamps?

Is the validation for the 'prop' property missing in props?

Create a single JSON object by searching through two collections in MongoDB

The code within the then() promise resolver function will always execute, regardless of whether the promise succeeds or

Display contents from a JSON file

When you use the useState object in NextJS, the context object may appear to be empty

What is the best way to extract information from a text file containing special characters?

MulterError: Files must be uploaded to designated folders, found at wrappedFileFilter. Detected issue with 2 files

React and Rails are not playing nice when it comes to AJAX POST requests - all