JavaScript .map() function is failing to return the modified array

Question

JavaScript .map() function is failing to return the modified array

Hey there! I have an array of dates that look like this: [2019-02-21T04:06:32.000Z]. I'm trying to convert these dates into the format [02/21/2019 4:06:32 AM] using JavaScript's map function.

dateArray.map( x => {
   return moment.tz(x, 'Etc/UTC').format('MM/DD/YYYY h:mm:ss A').toString()
});

After running this code, when I console log the date array, it still shows the dates in the original format [2019-02-21T04:06:32.000Z], even though inside the map() function they are formatted correctly. Can anyone help me figure out what I'm doing wrong here? Thank you!

javascript arrays

Answer 1

Answer №1

.map function does not alter the original array. Make sure to use:

dataArray = dateArray.map( x => {
  return moment.tz(x, 'Etc/UTC').format('MM/DD/YYYY h:mm:ss A').toString()
});

Answer 2

.map function does not alter the original array. Make sure to use:

dataArray = dateArray.map( x => {
  return moment.tz(x, 'Etc/UTC').format('MM/DD/YYYY h:mm:ss A').toString()
});

Answer 3

Answer №2

To modify the existing array, it's recommended to utilize a for loop.

dateArray = ['2019-02-21T04:06:32.000Z'];

for(let index = 0; index < dateArray.length; index++){
  dateArray[index] = moment.tz(dateArray[index], 'Etc/UTC')
    .format('MM/DD/YYYY h:mm:ss A').toString();
}

Answer 4

To modify the existing array, it's recommended to utilize a for loop.

dateArray = ['2019-02-21T04:06:32.000Z'];

for(let index = 0; index < dateArray.length; index++){
  dateArray[index] = moment.tz(dateArray[index], 'Etc/UTC')
    .format('MM/DD/YYYY h:mm:ss A').toString();
}

JavaScript .map() function is failing to return the modified array

Answer №1

Answer №2

Similar questions

The customized message for parsley's minimum length is not being applied properly when passed as an option during binding

Give a CSS Element a specific class

Monitor website visitors' traffic sources using the Google Analytics Nuxt module

Is it possible to retrieve the original array after removing filters in Angular?

What is the process for invoking a server-side code behind method using a JavaScript function in the client side?

What is the process for casting a two-dimensional array in the C programming language?

A guide on showcasing a value in an Input box using AngularJS

The connection between the type of request and the corresponding response in an Ajax function

Develop a program that executes a function across spreadsheets that satisfy specific conditions

Is the string missing from the array?

How can I transmit information to and retrieve information from a node.js server?

Angular UI grid: Arranging numbers in a straight line at the decimal point

I am having an issue where my div element is not inheriting the width of its

Having trouble accessing env variables from React Component in Next.js?

The payload is properly returned by the Reducer, however, the component is receiving it as

Retrieve information from a text

Selecting from dropdown menu showing limited options extracted from XML data

Guide to executing Javascript instructions across multiple lines in Selenium Basic

JavaScript: unable to locate information within JSON reply

choose the drop-down option that is consistently set to the first index