Converting array with Different data type

Question

How to convert this in Javascript from:

[
   {
      "label": "Purok I",
      "y": "1"
   },
   {
      "label": "Purok II",
      "y": "1"
   },
   {
      "label": "Purok III",
      "y": "2"
   }
]

to:

[
   {
      label: "Purok I",
      y: 1
   },
   {
      label: "Purok II",
      y: 1
   },
   {
      label: "Purok III",
      y: 2
   }
]

Any help?

What's the difference? The stringified property names don't do anything. — Jack Bashford
– Jack Bashford, Commented Mar 2, 2019 at 3:07
I want to output values with different datatypes but it returns all string — John Cris Mañabo
– John Cris Mañabo, Commented Mar 2, 2019 at 3:10
@john what is your intent for converting {"y":"2"} ==> {y:2}? — Denis S Dujota
– Denis S Dujota, Commented Mar 2, 2019 at 3:15

Miroslav Glamuzina · Accepted Answer · 2019-03-02 03:31:53Z

3

This method will update all numeric types in your objects automatically.

let arr = [{
    "label": "Purok I",
    "y": "1"
  },
  {
    "label": "Purok II",
    "y": "1"
  },
  {
    "label": "Purok III",
    "y": "2",
    "example": "432.23"
  }
];

// Map over your array of objects
arr = arr.map(obj => {
  // Map over all the keys in your object
  Object.keys(obj).map(key => {
    // Check if the key is numeric
    if (!isNaN(obj[key])) {
      obj[key] = +obj[key];
    }
  })
  return obj;
});
console.log(arr);

edited Mar 2, 2019 at 3:31

answered Mar 2, 2019 at 3:08

Miroslav Glamuzina

4,5872 gold badges23 silver badges33 bronze badges

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

2 Comments

John Cris Mañabo Over a year ago

What is the difference? All are string

Miroslav Glamuzina Over a year ago

You want it casted?

Nafis Islam · Accepted Answer · 2019-03-02 03:18:57Z

3

let  p = [
   {
      "label": "Purok I",
      "y": "1"
   },
   {
      "label": "Purok II",
      "y": "1"
   },
   {
      "label": "Purok III",
      "y": "2"
   }
]

let result = p.map(function(x) { 
    x.y = Number(x.y);  
    return x;
});

console.log(result);

answered Mar 2, 2019 at 3:18

Nafis Islam

1,5172 gold badges16 silver badges34 bronze badges

1 Comment

John Cris Mañabo Over a year ago

You solved my problem . Thank you very much . So much appreciation

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

Make all stringified numbers into non-stringified numbers using map and destructuring like so:

const data = [
   {
      "label": "Purok I",
      "y": "1"
   },
   {
      "label": "Purok II",
      "y": "1"
   },
   {
      "label": "Purok III",
      "y": "2"
   }
];

const numbered = data.map(({ label, y }) => { return {label, y: parseInt(y)}});

console.log(numbered);

.as-console-wrapper { max-height: 100% !important; top: auto; }

EDIT

Turns out making string-less property names is impossible:

var obj = {
  foo: "bar",
  one: 1
};

console.log(obj);

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 2, 2019 at 3:17

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

7 Comments

Denis S Dujota Over a year ago

solid answer, doesnt address the fact that he wants to {y: 1} not {"y":1}.

John Cris Mañabo Over a year ago

great answer but that's not i wanted

John Cris Mañabo Over a year ago

All key and value are string . I want to have different data type, can u help me?

Jack Bashford Over a year ago

@JohnCrisMañabo It is impossible to do - see the above example.

Jack Bashford Over a year ago

No problem @JohnCrisMañabo always glad to help.

|

Collectives™ on Stack Overflow

Converting array with Different data type

3 Answers 3

2 Comments

1 Comment

EDIT

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

EDIT

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related