Adding additional rows to an Array Object in JavaScript based on a certain condition

Question

Adding additional rows to an Array Object in JavaScript based on a certain condition

I am faced with a scenario where I have an array object structured as follows

[
{
id: 123,
startdate: '2022-06-05',
enddate: '2023-04-05'
},{
id: 123,
startdate: '2021-06-05',
enddate: '2021-04-05'
}
]

The task at hand is to introduce a new key isHistory based on whether the start date falls within the current year. Referring to the example above, the desired outcome should look like this

[
{
id: 123,
startdate: '2022-06-05',
enddate: '2023-04-05',
isHistory: false
},{
id: 123,
startdate: '2021-06-05',
enddate: '2021-04-05',
isHistory: true
}
]

I am currently attempting to iterate through the object but I am struggling with how to compare each start date during the process and append a new entry. Any insights or suggestions on how to approach this challenge would be greatly appreciated.

javascript arrays object

Answer 1

Answer №1

Utilize the forEach method to iterate through the array and make changes to each object.

let items = [{
  id: 123,
  startdate: '2022-06-05',
  enddate: '2023-04-05'
}, {
  id: 123,
  startdate: '2021-06-05',
  enddate: '2021-04-05'
}];

const currentYear = new Date().getFullYear();
items.forEach(item => item.isRecent = item.startdate.startsWith(currentYear));
console.log(items);

Answer 2

Utilize the forEach method to iterate through the array and make changes to each object.

let items = [{
  id: 123,
  startdate: '2022-06-05',
  enddate: '2023-04-05'
}, {
  id: 123,
  startdate: '2021-06-05',
  enddate: '2021-04-05'
}];

const currentYear = new Date().getFullYear();
items.forEach(item => item.isRecent = item.startdate.startsWith(currentYear));
console.log(items);

Answer 3

Answer №2

If you need to compare Date objects, check out the sample code below that demonstrates how to determine if the current date is within a specified range. It seems like there might be some confusion in your code regarding logic implementation.

let dataset = [{
  id: 123,
  startdate: '2022-06-05',
  enddate: '2023-04-05'
}, {
  id: 123,
  startdate: '2022-01-05',
  enddate: '2022-06-05'
}, {
  id: 123,
  startdate: '2023-04-05',
  enddate: '2024-06-04'
}];

const currentDate = new Date()
dataset.forEach(item => {
  const startDate = new Date(item.startdate)
  const endDate = new Date(item.enddate)

  item.isHistory = (currentDate > endDate) // end date occurred in the past
  item.isCurrent = ((currentDate <= endDate) && (currentDate >= startDate)) // between start and end dates
  item.isFuture = (currentDate < startDate) // start date is in the future
});
console.log(dataset);

Answer 4

If you need to compare Date objects, check out the sample code below that demonstrates how to determine if the current date is within a specified range. It seems like there might be some confusion in your code regarding logic implementation.

let dataset = [{
  id: 123,
  startdate: '2022-06-05',
  enddate: '2023-04-05'
}, {
  id: 123,
  startdate: '2022-01-05',
  enddate: '2022-06-05'
}, {
  id: 123,
  startdate: '2023-04-05',
  enddate: '2024-06-04'
}];

const currentDate = new Date()
dataset.forEach(item => {
  const startDate = new Date(item.startdate)
  const endDate = new Date(item.enddate)

  item.isHistory = (currentDate > endDate) // end date occurred in the past
  item.isCurrent = ((currentDate <= endDate) && (currentDate >= startDate)) // between start and end dates
  item.isFuture = (currentDate < startDate) // start date is in the future
});
console.log(dataset);

Answer 5

Answer №3

To iterate through the array and evaluate each object, you can utilize the following approach:

const data = [
  {
    id: 3,
    startdate: "2022-06-05",
    enddate: "2023-04-05"
  },
  {
    id: 15,
    startdate: "2021-06-05",
    enddate: "2021-04-05"
  }
];
data.map((element) => {
  if (element.startdate.includes("2022")) {
    element.isHistoric = false;
  } else {
    element.isHistoric = true;
  }
  return element;
});

Answer 6

To iterate through the array and evaluate each object, you can utilize the following approach:

const data = [
  {
    id: 3,
    startdate: "2022-06-05",
    enddate: "2023-04-05"
  },
  {
    id: 15,
    startdate: "2021-06-05",
    enddate: "2021-04-05"
  }
];
data.map((element) => {
  if (element.startdate.includes("2022")) {
    element.isHistoric = false;
  } else {
    element.isHistoric = true;
  }
  return element;
});

Adding additional rows to an Array Object in JavaScript based on a certain condition

Answer №1

Answer №2

Answer №3

Similar questions

The behavior of Ajax is resembling that of a GET method, even though its intended method

Issue with Axios code execution following `.then` statement

PHP: How to Return a Multidimensional Array and Separate Variables Simultaneously

Issue with loading HTML file correctly in Django

The index type 'X' is not allowed for use in this scenario

Route parameters do not function correctly with computed properties

Encountered a type error while attempting to render and define table columns within a material table component in

Exploring the Differences between Slim Framework's Currying and Dependency Injection

Error: The function $compile does not exist

Starting a fresh Angular project yields a series of NPM warnings, notably one that mentions skipping an optional dependency with the message: "npm

Utilize the <a> element as a button to submit the data form

What advantages does using immutablejs offer compared to using object.freeze?

The variable "require" has not been declared in npm.js file at line

Minimize the cyclomatic complexity of a TypeScript function

Using TypeScript to automatically determine the argument type of a function by analyzing the return type of a different function

Cookies in Node.js Express are not being incorporated

An error was encountered involving an unexpected token < at the beginning of a JSON file while using express with firebase

I am looking to modify the appearance of specific sections of a searched word in React.js, such as making them bold or lighter. Can anyone

Customizing the language parameter for the apply button script on LinkedIn

Integrating new components into JSON data