Is there a way to sort through an array based on a nested value?

Question

Is there a way to sort through an array based on a nested value?

Within an array of objects, I have a structure like this:

"times": [{
  "id" : "id",
    "name" : "place",
    "location" : "place",
    "hours" : [
    {"day": "Sunday", "day_id": 0,
  "tags": "" },
    {"day": "Monday", "day_id": 1,
"tags": "" },
    {"day": "Tuesday", "day_id": 2,
"tags": "" },
    {"day": "Wednesday", "day_id": 3,
"tags": "" },
    {"day": "Thursday", "day_id": 4,
"tags": "" },
    {"day": "Friday", "day_id": 5,
"tags": "" },
    {"day": "Saturday", "day_id": 6,
"tags": "" }
    ]
    }
    ]

My goal is to extract specific data from the hours array within each object.

I am attempting to identify and retrieve objects that match a particular day_id in the hours array.

My initial attempt was this:

let f1 = times.filter((item: { id: string; hours: { day_id : number;};}) => item.hours.day_id == 0 );

However, this approach did not yield the desired result. What mistake am I making here?

javascript arrays typescript

Answer 1

Answer №1

By encapsulating the code above within a JSON object like so:

const obj = {
  "times": [
    {
      "id": "id",
      "name": "place",
      "location": "place",
      "hours": [
        { "day": "Sunday", "day_id": 0, "tags": "" },
        { "day": "Monday", "day_id": 1, "tags": "" },
        { "day": "Tuesday", "day_id": 2, "tags": "" },
        { "day": "Wednesday", "day_id": 3, "tags": "" },
        { "day": "Thursday", "day_id": 4, "tags": "" },
        { "day": "Friday"", "day_id": 5, "tags": "" },
        { "day": "Saturday", "day_id": 6, "tags": "" }
      ]
    }
  ]
};

A function can be implemented to filter the hours sub-array based on day_id as follows:

function extractHoursByDayId(obj, dayId) {
  return obj.times.map(item => ({
    ...item,
    hours: item.hours.filter(hour => hour.day_id === dayId)
  }));
}

Keep in mind that this specifically isolates an entry from the hours sub-array while leaving other elements untouched. To filter objects within the times array instead, you can utilize the following method:

function extractTimesByDayId(obj, dayId) {
  return obj.times.filter(item => item.hours.some(hour => hour.day_id === dayId));
}

Answer 2

By encapsulating the code above within a JSON object like so:

const obj = {
  "times": [
    {
      "id": "id",
      "name": "place",
      "location": "place",
      "hours": [
        { "day": "Sunday", "day_id": 0, "tags": "" },
        { "day": "Monday", "day_id": 1, "tags": "" },
        { "day": "Tuesday", "day_id": 2, "tags": "" },
        { "day": "Wednesday", "day_id": 3, "tags": "" },
        { "day": "Thursday", "day_id": 4, "tags": "" },
        { "day": "Friday"", "day_id": 5, "tags": "" },
        { "day": "Saturday", "day_id": 6, "tags": "" }
      ]
    }
  ]
};

A function can be implemented to filter the hours sub-array based on day_id as follows:

function extractHoursByDayId(obj, dayId) {
  return obj.times.map(item => ({
    ...item,
    hours: item.hours.filter(hour => hour.day_id === dayId)
  }));
}

Keep in mind that this specifically isolates an entry from the hours sub-array while leaving other elements untouched. To filter objects within the times array instead, you can utilize the following method:

function extractTimesByDayId(obj, dayId) {
  return obj.times.filter(item => item.hours.some(hour => hour.day_id === dayId));
}

Answer 3

Answer №2

It seems like you're having trouble with understanding the question. However, it appears that you are attempting to sort through the times array retrieved from a JSON file. Let's assign this array to a variable.

let dataSet = your json data (times) here

Now that we have assigned it to a variable, you want to filter the hours array within each item of the times array. This requires using a nested filter function:

dataSet.times.filter(({hours}) => {
 return hours
  .filter(({day_id}) => day_id === 0)
})

Answer 4

It seems like you're having trouble with understanding the question. However, it appears that you are attempting to sort through the times array retrieved from a JSON file. Let's assign this array to a variable.

let dataSet = your json data (times) here

Now that we have assigned it to a variable, you want to filter the hours array within each item of the times array. This requires using a nested filter function:

dataSet.times.filter(({hours}) => {
 return hours
  .filter(({day_id}) => day_id === 0)
})

Answer 5

Answer №3

If you're looking to retrieve specific data based on day_id, the code snippet below should do the trick:

interface Hour {
  day: string;
  day_id: number;
  tags: string;
}

interface Time {
  id: string;
  name: string;
  location: string;
  hours: Hour[];
}

const times: Time[] = [{
  id: "id",
  name: "place",
  location: "place",
  hours: [
    { day: "Sunday", day_id: 0, tags: "" },
    { day: "Monday", day_id: 1, tags: "" },
    { day: "Tuesday", day_id: 2, tags: "" },
    { day: "Wednesday", day_id: 3, tags: "" },
    { day: "Thursday", day_id: 4, tags: "" },
    { day: "Friday", day_id: 5, tags: "" },
    { day: "Saturday", day_id: 6, tags: "" }
  ]
}];

let filteredTimes = times.filter(item => item.hours.some(hour => hour.day_id === 0));
console.log(filteredTimes);

Answer 6

If you're looking to retrieve specific data based on day_id, the code snippet below should do the trick:

interface Hour {
  day: string;
  day_id: number;
  tags: string;
}

interface Time {
  id: string;
  name: string;
  location: string;
  hours: Hour[];
}

const times: Time[] = [{
  id: "id",
  name: "place",
  location: "place",
  hours: [
    { day: "Sunday", day_id: 0, tags: "" },
    { day: "Monday", day_id: 1, tags: "" },
    { day: "Tuesday", day_id: 2, tags: "" },
    { day: "Wednesday", day_id: 3, tags: "" },
    { day: "Thursday", day_id: 4, tags: "" },
    { day: "Friday", day_id: 5, tags: "" },
    { day: "Saturday", day_id: 6, tags: "" }
  ]
}];

let filteredTimes = times.filter(item => item.hours.some(hour => hour.day_id === 0));
console.log(filteredTimes);

Answer 7

Answer №4

Your current method has a small flaw in that 'hours' is an array, meaning you must loop through each element in the hours array to verify the day_id. Moreover, since 'hours' is an array of objects, you cannot directly access day_id on item.hours. You have to iterate over each hour object and then inspect its day_id.

let filteredHours = times.filter((item) => {
// Check if any hour object in the hours array matches the desired day_id
return item.hours.some((hour) => hour.day_id === 0);});

Answer 8

Your current method has a small flaw in that 'hours' is an array, meaning you must loop through each element in the hours array to verify the day_id. Moreover, since 'hours' is an array of objects, you cannot directly access day_id on item.hours. You have to iterate over each hour object and then inspect its day_id.

let filteredHours = times.filter((item) => {
// Check if any hour object in the hours array matches the desired day_id
return item.hours.some((hour) => hour.day_id === 0);});

Is there a way to sort through an array based on a nested value?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Using ThreeJS to project a texture onto a mesh surface

JavaScript: Passing the "this" object in an AJAX request situation

Establish a connection to the ActiveMQ broker utilizing STOMP protocol in an Ionic application

How can a "Loading" message be displayed while external JavaScript is loading?

Retrieve ag grid from TypeScript file

Ways to update the dataTable in ReactJS post clicking the save button on the modal

After refreshing, the LocalStorage in Angular 2 seems to disappear

How can I remove specific items from a PrimeNG PickList?

The ajaxForm function is failing to execute properly and is not providing any error messages

I have implemented a bootstrap modal, but whenever I trigger a function on the JavaScript side, it automatically closes. I am aiming for the modal to remain open

Error message: "Encountered a template parsing error stating that the element 'ngb-carousel' is not recognized."

Performing double string splitting with multiple separators in javascript

Angular ng-repeat is incompatible with the JSON parser

Guide on redirecting to a new domain using a cookie in Express.js

Error-throwing constructor unit test

Utilizing JavaScript regex to remove substrings that contain parentheses

Material UI Input Field, Present Cursor Location

What is the best way to move the numerical range value into a span element?

Node accurately handles and displays errors, such as validation errors, in a precise manner

Generate a 3D numpy array consisting of either three 2D numpy arrays or three 1D numpy arrays