Guide to generating a fresh array by using a third array as a reference point?

Question

Guide to generating a fresh array by using a third array as a reference point?

My array called structuredFormData contains the following information:

[
  {
    "season": "autumn",
    "firstContactPersonName": "John",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonName": "Jhonny",
    "secondContactPersonPhone": "46442644"
  },
  {
    "season": "christmas",
    "firstContactPersonName": "Tommy",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonPhone": "Thomas"
  }
]

In addition, I have an array named selectedDate, which holds the dates:

["autumn=2020-08-28", "christmas=2020-12-28"]

To update my data for backend communication, I am using a function that creates or updates another array named updatedStructuredFormData. This function maps through the structuredFormData and assigns relevant dates from the selectedDate array.

let updatedStructuredFormData = structuredFormData.map(x => {
            let season = x.season;
            x.date = selectedDate.find(e => e.indexOf(season) > -1).split("=")[1];
            return x;
        });

The challenge arises when only one date is selected and the selectedDate array looks like this: ["autumn=2020-08-28"]. In such cases, I need to filter the values accordingly.

{
"season": "autumn",
"firstContactPersonName": "John",
"firstContactPersonPhone": "46442644",
"secondContactPersonName": "Jhonny",
"secondContactPersonPhone": "46442644"
}

Currently, I'm struggling with filtering out only the selected values in the dates array. Any assistance or guidance on how to achieve this would be greatly appreciated.

The desired outcome should look like:

[
    {
      "season": "autumn",
      "firstContactPersonName": "John",
      "firstContactPersonPhone": "46442644",
      "secondContactPersonName": "Jhonny",
      "secondContactPersonPhone": "46442644",
      "date": "2020-08-28"
    }
]

If the selectedDate array also includes a date for Christmas as well

["autumn=28-08-28", "christmas=2020-12-28"]

, then the expected result would incorporate both dates:

[
    {
      "season": "autumn",
      "firstContactPersonName": "John",
      "firstContactPersonPhone": "46442644",
      "secondContactPersonName": "Jhonny",
      "secondContactPersonPhone": "46442644",
      "date": "2020-08-28"
    },
    {
      "season": "christmas",
      "firstContactPersonName": "Tommy",
      "firstContactPersonPhone": "46442644",
      "date": "2020-12-28"
     }
]

Thank you for your help :)

javascript

Answer 1

Answer №1

Here is a method to achieve this using .reduce():

// Array to filter
const arr = [
  {
    season: "summer",
    firstContactPersonName: "Sarah",
    firstContactPersonPhone: "123456789",
    secondContactPersonName: "Samantha",
    secondContactPersonPhone: "987654321"
  },
  {
    season: "winter",
    firstContactPersonName: "Michael",
    firstContactPersonPhone: "555666777",
    secondContactPersonPhone: "Michelle"
  }
];

// Dates to filter for
const selectedDates = ["summer=05-25-21", "winter=2021-01-15"];

// Iterate over each item and filter for the specified season in "selectedDate"
const filteredItems = arr.reduce((accumulator, current) => {
  const maybeDate = selectedDates.filter(date => date.includes(current.season));

  if (maybeDate.length > 0) {
    const dateValue = maybeDate[0].split("=")[1];
    accumulator = [...accumulator, { ...current, date: dateValue }];
  }

  return accumulator;
}, []);

console.log({ filteredItems });

// Output
{
  filteredItems:
  [{
    season: 'summer',
    firstContactPersonName: 'Sarah',
    firstContactPersonPhone: '123456789',
    secondContactPersonName: 'Samantha',
    secondContactPersonPhone: '987654321',
    date: '05-25-21'
  },
  {
    season: 'winter',
    firstContactPersonName: 'Michael',
    firstContactPersonPhone: '555666777',
    secondContactPersonPhone: 'Michelle',
    date: '2021-01-15'
  }]
}

Answer 2

Here is a method to achieve this using .reduce():

// Array to filter
const arr = [
  {
    season: "summer",
    firstContactPersonName: "Sarah",
    firstContactPersonPhone: "123456789",
    secondContactPersonName: "Samantha",
    secondContactPersonPhone: "987654321"
  },
  {
    season: "winter",
    firstContactPersonName: "Michael",
    firstContactPersonPhone: "555666777",
    secondContactPersonPhone: "Michelle"
  }
];

// Dates to filter for
const selectedDates = ["summer=05-25-21", "winter=2021-01-15"];

// Iterate over each item and filter for the specified season in "selectedDate"
const filteredItems = arr.reduce((accumulator, current) => {
  const maybeDate = selectedDates.filter(date => date.includes(current.season));

  if (maybeDate.length > 0) {
    const dateValue = maybeDate[0].split("=")[1];
    accumulator = [...accumulator, { ...current, date: dateValue }];
  }

  return accumulator;
}, []);

console.log({ filteredItems });

// Output
{
  filteredItems:
  [{
    season: 'summer',
    firstContactPersonName: 'Sarah',
    firstContactPersonPhone: '123456789',
    secondContactPersonName: 'Samantha',
    secondContactPersonPhone: '987654321',
    date: '05-25-21'
  },
  {
    season: 'winter',
    firstContactPersonName: 'Michael',
    firstContactPersonPhone: '555666777',
    secondContactPersonPhone: 'Michelle',
    date: '2021-01-15'
  }]
}

Answer 3

Answer №2

To solve this problem, follow these steps:

First, convert selectedDate into an array containing objects with season and date properties:

 const seasonDates = dates.map(d => ({
  season: d.split('=')[0],
  date:d.split('=')[1]
 }))

Next, calculate transformedStructuredFormData with dates:

const transformedStructuredFormData = structuredFormData.map(d => {
  const time = seasonDate.filter(i => i.season === d.season)

  if (time.length) d.date = time[0].date;

  return d;
})

Putting it all together:

const structuredFormData = [{
    "season": "autumn",
    "firstContactPersonName": "John",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonName": "Jhonny",
    "secondContactPersonPhone": "46442644",
  },
  {
    "season": "christmas",
    "firstContactPersonName": "Tommy",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonPhone": "Thomas",
  },
];

const selectedDate = ["autumn=2020-08-28", "christmas=2020-12-28"];

const seasonDates = selectedDate.map(d => ({
  season: d.split('=')[0],
  date: d.split('=')[1]
}));

const transformedFormData = structuredFormData.map(d => {
  const time = seasonDates.filter(i => i.season === d.season);
  
  if (time.length) d.date = time[0].date;

  return d;
});

console.log(transformedFormData)

Answer 4

To solve this problem, follow these steps:

First, convert selectedDate into an array containing objects with season and date properties:

 const seasonDates = dates.map(d => ({
  season: d.split('=')[0],
  date:d.split('=')[1]
 }))

Next, calculate transformedStructuredFormData with dates:

const transformedStructuredFormData = structuredFormData.map(d => {
  const time = seasonDate.filter(i => i.season === d.season)

  if (time.length) d.date = time[0].date;

  return d;
})

Putting it all together:

const structuredFormData = [{
    "season": "autumn",
    "firstContactPersonName": "John",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonName": "Jhonny",
    "secondContactPersonPhone": "46442644",
  },
  {
    "season": "christmas",
    "firstContactPersonName": "Tommy",
    "firstContactPersonPhone": "46442644",
    "secondContactPersonPhone": "Thomas",
  },
];

const selectedDate = ["autumn=2020-08-28", "christmas=2020-12-28"];

const seasonDates = selectedDate.map(d => ({
  season: d.split('=')[0],
  date: d.split('=')[1]
}));

const transformedFormData = structuredFormData.map(d => {
  const time = seasonDates.filter(i => i.season === d.season);
  
  if (time.length) d.date = time[0].date;

  return d;
});

console.log(transformedFormData)

Guide to generating a fresh array by using a third array as a reference point?

Answer №1

Answer №2

Similar questions

Transfer the index of a for loop to another function

Can image data be extracted from a canvas without needing to physically render the canvas?

Show search results in real-time as you type

What is the method or variable called "afterShow" used for in FancyBox V4 and how does it differ from its counterpart in JQuery-FancyBox V3?

Streamline the organization of parent roles

Halt! There is a Syntax Error: anticipating an expression, but instead received the keyword 'for'

Unable to forward page in EJS

Check if there are any child nodes before executing the RemoveChild JavaScript function to avoid any errors

Using JavaScript to create a dynamic to-do list that persists on the browser even when refreshed

Navigate to the location using AngularJS elements in the JavaScript iframe1

The feature of using a custom find command in Cypress does not support chaining

Sorry, but React does not accept objects as valid children. Make sure the content you are passing is a valid React child element

Encountering a "403 Forbidden" error upon deployment to the server due to

Switching Symbols with JQuery

Modifying Selectize Ajax data in real-time

What is the most efficient way to retrieve the key at a specific index within a JavaScript map object?

Sending cookies via POST/GET request with Credentials is not functioning

Is there a way to programmatically toggle a button's enabled state depending on the content of a text input field?

Retrieve the value of the second child element in a table cell when clicking on it with Javascript

The onPlayerReady function in the YouTube API seems to be experiencing a delay and