Updating elements within a subarray in JavaScript can easily be accomplished by accessing the

Question

Updating elements within a subarray in JavaScript can easily be accomplished by accessing the

I need help updating nested array elements in JavaScript. I want to convert dates into a different format. How can I update the nested elements?

array1 = [
{
"week": [
"2019-05-06T16:00:00.000Z",
"2019-05-07T16:00:00.000Z",
"2019-05-08T16:00:00.000Z",
"2019-05-09T16:00:00.000Z",
"2019-05-10T16:00:00.000Z",
"2019-05-11T16:00:00.000Z",
"2019-05-12T16:00:00.000Z"
],
"weekNumber": 19
},
{
"week": [
"2019-05-20T16:00:00.000Z",
"2019-05-21T16:00:00.000Z",
"2019-05-22T16:00:00.000Z",
"2019-05-23T16:00:00.000Z",
"2019-05-24T16:00:00.000Z",
"2019-05-25T16:00:00.000Z",
"2019-05-26T16:00:00.000Z"
],
"weekNumber": 21
},
{
"week": [
"2019-06-03T16:00:00.000Z",
"2019-06-04T16:00:00.000Z",
"2019-06-05T16:00:00.000Z",
"2019-06-06T16:00:00.000Z",
"2019-06-07T16:00:00.000Z",
"2019-06-08T16:00:00.000Z",
"2019-06-09T16:00:00.000Z"
],
"weekNumber": 23
}
];

expectedResult = [
{
"week": [
"2019-05-06",
"2019-05-07",
"2019-05-08",
"2019-05-09",
"2019-05-10",
"2019-05-11",
"2019-05-12"
],
"weekNumber": 19
},
{
"week": [
"2019-05-20",
"2019-05-21",
"2019-05-22",
"2019-05-23",
"2019-05-24",
"2019-05-25",
"2019-05-26"
],
"weekNumber": 21
},
{
"week": [
"2019-06-03",
"2019-06-04",
"2019-06-05",
"2019-06-06",
"2019-06-07",
"2019-06-08",
"2019-06-09"
],
"weekNumber": 23
}
];

I want to remove ":00:00.000Z". I have a formatting function that removes that but I am unsure how to call it here.

javascript arrays multidimensional-array

Answer 1

Answer №1

You should utilize the functions map and split

let list = [{"week": ["2019-05-06T16:00:00.000Z","2019-05-07T16:00:00.000Z","2019-05-08T16:00:00.000Z","2019-05-09T16:00:00.000Z","2019-05-10T16:00:00.000Z","2019-05-11T16:00:00.000Z","2019-05-12T16:00:00.000Z"],"weekNumber": 19},
{"week": ["2019-05-20T16:00:00.000Z","2019-05-21T16:00:00.000Z","2019-05-22T16:00:00.000Z","2019-05-23T16:00:00.000Z","2019-05-24T16:00:00.000Z","2019-05-25T16:00:00.000Z","2019-05-26T16:00:00.000Z"],"weekNumber": 21},
{"week": ["2019-06-03T16:00:00.000Z","2019-06-04T16:00:00.000Z","2019-06-05T16:00:00.000Z","2019-06-06T16:00:00.000Z","2019-06-07T16:00:00.000Z","2019-06-08T16:00:00.000Z","2019-06-09T16:00:00.000Z"],"weekNumber": 23}];

let result = list.map(item=>{
  item.week = item.week.map(value => value.split('T',1)[0])
  return item
})

console.log(result)

Answer 2

You should utilize the functions map and split

let list = [{"week": ["2019-05-06T16:00:00.000Z","2019-05-07T16:00:00.000Z","2019-05-08T16:00:00.000Z","2019-05-09T16:00:00.000Z","2019-05-10T16:00:00.000Z","2019-05-11T16:00:00.000Z","2019-05-12T16:00:00.000Z"],"weekNumber": 19},
{"week": ["2019-05-20T16:00:00.000Z","2019-05-21T16:00:00.000Z","2019-05-22T16:00:00.000Z","2019-05-23T16:00:00.000Z","2019-05-24T16:00:00.000Z","2019-05-25T16:00:00.000Z","2019-05-26T16:00:00.000Z"],"weekNumber": 21},
{"week": ["2019-06-03T16:00:00.000Z","2019-06-04T16:00:00.000Z","2019-06-05T16:00:00.000Z","2019-06-06T16:00:00.000Z","2019-06-07T16:00:00.000Z","2019-06-08T16:00:00.000Z","2019-06-09T16:00:00.000Z"],"weekNumber": 23}];

let result = list.map(item=>{
  item.week = item.week.map(value => value.split('T',1)[0])
  return item
})

console.log(result)

Answer 3

Answer №2

If you wish to create a new array, you can utilize the map function or embed one map within a forEach. This essentially requires nested mapping.

The following illustration demonstrates the use of two nested map functions. Within the inner map, each element in the week is iterated upon utilizing the Date object. If there exists a separate function, it can be invoked within the callback function of the inner map as shown below:

 let newfmt = array1.map(function(item) {
      return {
        week: item.week.map(function(elem) {
          // 'elem' here represents each value within the week array.
          // Since map generates an array, 'week' will be an array consisting of formatted dates
          return yourFunction(elem)
        }),
        weekNumber: item.weekNumber
      }
    })

let array1 = [{
    "week": [
      "2019-05-06T16:00:00.000Z",
      "2019-05-07T16:00:00.000Z",
      "2019-05-08T16:00:00.000Z",
      "2019-05-09T16:00:00.000Z",
      "2019-05-10T16:00:00.000Z",
      "2019-05-11T16:00:00.000Z",
      "2019-05-12T16:00:00.000Z"
    ],
    "weekNumber": 19
  },
  {
    "week": [
      "2019-05-20T16:00:00.000Z",
      "2019-05-21T16:00:00.000Z",
      "2019-05-22T16:00:00.000Z",
      "2019-05-23T16:00:00.000Z",
      "2019-05-24T16:00:00.000Z",
      "2019-05-25T16:00:00.000Z",
      "2019-05-26T16:00:00.000Z"
    ],
    "weekNumber": 21
  },
  {
    "week": [
      "2019-06-03T16:00:00.000Z",
      "2019-06-04T16:00:00.000Z",
      "2019-06-05T16:00:00.000Z",
      "2019-06-06T16:00:00.000Z",
      "2019-06-07T16:00:00.000Z",
      "2019-06-08T16:00:00.000Z",
      "2019-06-09T16:00:00.000Z"
    ],
    "weekNumber": 23
  }
];

let newfmt = array1.map(function(item) {
  return {
    week: item.week.map(function(elem) {
      let dt = new Date(elem);
      return `${dt.getFullYear()}-${dt.getMonth()}-${dt.getDay()}`
    }),
    weekNumber: item.weekNumber
  }
})
   console.log(newfmt)

Answer 4

If you wish to create a new array, you can utilize the map function or embed one map within a forEach. This essentially requires nested mapping.

The following illustration demonstrates the use of two nested map functions. Within the inner map, each element in the week is iterated upon utilizing the Date object. If there exists a separate function, it can be invoked within the callback function of the inner map as shown below:

 let newfmt = array1.map(function(item) {
      return {
        week: item.week.map(function(elem) {
          // 'elem' here represents each value within the week array.
          // Since map generates an array, 'week' will be an array consisting of formatted dates
          return yourFunction(elem)
        }),
        weekNumber: item.weekNumber
      }
    })

let array1 = [{
    "week": [
      "2019-05-06T16:00:00.000Z",
      "2019-05-07T16:00:00.000Z",
      "2019-05-08T16:00:00.000Z",
      "2019-05-09T16:00:00.000Z",
      "2019-05-10T16:00:00.000Z",
      "2019-05-11T16:00:00.000Z",
      "2019-05-12T16:00:00.000Z"
    ],
    "weekNumber": 19
  },
  {
    "week": [
      "2019-05-20T16:00:00.000Z",
      "2019-05-21T16:00:00.000Z",
      "2019-05-22T16:00:00.000Z",
      "2019-05-23T16:00:00.000Z",
      "2019-05-24T16:00:00.000Z",
      "2019-05-25T16:00:00.000Z",
      "2019-05-26T16:00:00.000Z"
    ],
    "weekNumber": 21
  },
  {
    "week": [
      "2019-06-03T16:00:00.000Z",
      "2019-06-04T16:00:00.000Z",
      "2019-06-05T16:00:00.000Z",
      "2019-06-06T16:00:00.000Z",
      "2019-06-07T16:00:00.000Z",
      "2019-06-08T16:00:00.000Z",
      "2019-06-09T16:00:00.000Z"
    ],
    "weekNumber": 23
  }
];

let newfmt = array1.map(function(item) {
  return {
    week: item.week.map(function(elem) {
      let dt = new Date(elem);
      return `${dt.getFullYear()}-${dt.getMonth()}-${dt.getDay()}`
    }),
    weekNumber: item.weekNumber
  }
})
   console.log(newfmt)

Answer 5

Answer №3

One way to approach this is by using Object.assign like so:-

const original = { name: "John", age: 30 }
const updated = Object.assign({}, original, { name: "Dave" });
console.log(updated);

Instead of just updating the name, you can loop through each day of the week and apply different formatting.

Answer 6

One way to approach this is by using Object.assign like so:-

const original = { name: "John", age: 30 }
const updated = Object.assign({}, original, { name: "Dave" });
console.log(updated);

Instead of just updating the name, you can loop through each day of the week and apply different formatting.

Updating elements within a subarray in JavaScript can easily be accomplished by accessing the

Answer №1

Answer №2

Answer №3

Similar questions

Is there a way to show additional information beyond just the title in FullCalendar?

Node.JS program unexpectedly logging MySQL results to console and exhibiting erratic behavior

Modifying app aesthetics on-the-fly in Angular

JQGrid will automatically conceal any row that contains a false value in a given cell

Is it possible for the outcome of a component to be passed to render and actually show up as undefined

Positioning the comments box on Facebook platform allows users to

Enhancing the Calculator Functionality in a React Program

using the information from the child array within a v-if condition

forEach`` binding in knockout object

Is it possible to conceal the contents of a details tag without using a summary tag?

What is the functionality of the remote data source in Jquery Mobile autocomplete feature?

Two separate projects targeting Admin and User interfaces versus a unified application featuring distinct themes for each user role

Removing solely the selected item, leaving the rest of the elements on the canvas untouched

Turning a JSON string into interpolation within an Angular application

Sharing data from JavaScript to view in Rails: A step-by-step guide

Is there a way to prevent jQuery.ajax() from displaying errors in the console?

Having trouble displaying values from nested JSON in a datatable

Tips for displaying a resolved promise in React js after using the `then` method

How can you preselect an item in Vuetify's item group?

Nativescript encountered an issue while attempting to generate the application. The module failed to load: app/main.js