Change number into string in objects - javascript

Question

how can I parse all object values inside of an array of objects into strings? example of my obj:

// my array of objects
[
 {
  prop1: 23123 ---> to "23123"
  prop2: "asda"
  prop3: "cmcmcm22"
  prop4: 23312 ---> to "23312"
  ....
 },
 {
  prop1: 23123 ---> to "23123"
  prop2: "asda"
  prop3: "cmcmcm22"
  prop4: 23312 ---> to "23312"
  ....
 }
 ...
]


// what i tried
obj.forEach( (element: any) => {
        Object.values(element).forEach((value:any) =>{
             if(!isNaN(value)){
                value = value.toString();
             }
           
        })
    });

but the above code doesn't work.

thanks in advance!

vsemozhebuty · Accepted Answer · 2021-08-03 21:39:35Z

2

In order to change object values, you need to get object keys:

const obj = [
 {
  prop1: 23123,
  prop2: "asda",
  prop3: "cmcmcm22",
  prop4: 23312,
 },
 {
  prop1: 23123,
  prop2: "asda",
  prop3: "cmcmcm22",
  prop4: 23312,
 },
];


obj.forEach((element) => {
  Object.keys(element).forEach((key) =>{
    if(!isNaN(element[key])){
      element[key] = element[key].toString();
    }
  })
});

console.log(obj);

answered Aug 3, 2021 at 21:39

vsemozhebuty

13.9k1 gold badge29 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andy · Accepted Answer · 2021-08-03 21:44:46Z

0

map over the object, and then map over each object's entries, and return a stringyfied value if the value is a number.

const data = [
 {
  prop1: 23123,
  prop2: "asda",
  prop3: "cmcmcm22",
  prop4: 23312
 },
 {
  prop1: 23123,
  prop2: "asda",
  prop3: "cmcmcm22",
  prop4: 23312
 }
];

const res = data.map(obj => {
  return Object.entries(obj).map(([key, value]) => {
    return {
      [key]: Number.isNaN(value) ? value : value.toString()
    };
  });
});

console.log(res);

answered Aug 3, 2021 at 21:44

Andy

63.7k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Change number into string in objects - javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related