JS Learning note -- Array.map()

The map() method can create a new array populated with the results of calling a provided fuction on the calling array’s every element.

there is an example on the MDN:

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

What‘s more, you can also use index and array in function
eg:
map((element) => { … } )
map((element, index) => { … } )
map((element, index, array) => { … } )

and the most prevalent way that I used in React is to process my APIs’ data.

now, let me show you

const processData()=>{
    let tempdata = cloneDeep(props.mydata);
    return tempdata.map((item, index) => {
      let tempobj = { ...item };
      tempobj.key = index;
      tempobj.startDate = moment(tempobj.startDate ).format('YYYY-MM-DD-hh:mm:ss');
      tempobj.endDate = moment(tempobj.endDate ).format('YYYY-MM-DD-hh:mm:ss');
      return tempobj;
    });
}

In that function, I can get the data that have been processed, and I don’t need to use a new array to store my new data.

So, that’s all. I just wrote some fundamental knowledge and ways.
maybe that will help you

If this blog helps you, can you give a like ! ! Thank you ! !