Return a string from JSON through Javascript [duplicate]

Question

I'm looking to return the skill below from a variable:

const skillsData = [
  { name: "React", value: 390 },
  { name: "CSS", value: 1200 },
  { name: "JavsScript", value: 540 },
  { name: "HTML", value: 1900 },
  { name: "CSS", value: 1278 },
];

Within a function, I am using the following:

let maxSkills = Math.max.apply(Math, skillsData.map(function(o) { return o.value; }))

This will obviously return a value, which has worked for one case, however what is the correct way to return the following 'name' key on the basis?

Furthermore, what would be a function to sort these in ascending value, so that you return HTML as the last in JSON?

what are you trying to do? are you trying to get the name property of the object with the highest value property or sort them by value property? — about14sheep
– about14sheep, Commented Jan 2, 2022 at 2:17
Hi about14sheep, I'm actually trying to do both. I would like to sort them by value property in the json, but I would also like to return the highest 'name' key on the basis of the value and store it in a variable as above. — n_d22
– n_d22, Commented Jan 2, 2022 at 2:20
If you sort it in either direction, HTML would be neither last nor first. — konsolebox
– konsolebox, Commented Jan 2, 2022 at 2:21
you can use this SO question to figure out how to sort the array based on a property. Then just have a variable set to the first index of that array to isolate the maximum — about14sheep
– about14sheep, Commented Jan 2, 2022 at 2:27

Vektor · Accepted Answer · 2022-01-02 02:36:45Z

1

Sort the array by using the sort method.

This will produce the array sorted in descending order:

skillsData.sort((a, b) => b.value - a.value)

and ascending order:

skillsData.sort((a, b) => a.value - b.value)

The following code will print the .name value of the first element in the sorted array. The first element holds the maximum value, as sortedSkillsData is in descending order.

const skillsData = [
  { name: "React", value: 390 },
  { name: "CSS", value: 1200 },
  { name: "JavsScript", value: 540 },
  { name: "HTML", value: 1900 },
  { name: "CSS", value: 1278 },
];

let sortedSkillsData = skillsData.sort((a, b) => b.value - a.value);
let maxSkills = sortedSkillsData[0].name;
console.log(maxSkills);

edited Jan 2, 2022 at 2:36

answered Jan 2, 2022 at 2:26

Vektor

8077 silver badges16 bronze badges

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

Comments

Nenad Vracar · Accepted Answer · 2022-01-02 02:19:59Z

-1

You can use sort method and sort in ascending order and then get the last element and then property name from that.

const skillsData = [
  { name: "React", value: 390 },
  { name: "CSS", value: 1200 },
  { name: "JavsScript", value: 540 },
  { name: "HTML", value: 1900 },
  { name: "CSS", value: 1278 },
];

const maxSkills = skillsData.sort((a, b) => a.value - b.value).slice(-1)[0].name
console.log(maxSkills)

answered Jan 2, 2022 at 2:19

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Collectives™ on Stack Overflow

Return a string from JSON through Javascript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related