JavaScript: Comparing Two objects in one array

Question

I'm new to this world of vanilla javascript. I've been trying complete some challenges but it seems like I'm unable to find the solution to a challenge.

The task is:"Sort array by object property"

Write a function that takes an array of objects as an argument
Sort the array by property b in ascending order
Return the sorted array

function arraySorter(arr) {
  return arr
    .map((e) => {
      return Object.values(e);
    })
    .filter((e, i) => {
      console.log(e[1]);
      return;
    });
}

console.log(
  arraySorter([
    { a: 1, b: 2 },
    { a: 5, b: 4 },
  ])
);

Expected output

//expected output: [{a:1,b:2},{a:5,b:4}]
// expected output: [{a:5,b:4},{a:2,b:10}]

function arraySorter(arr){ return } ... that returns undefined ... did you forget some code? — Jaromanda X
– Jaromanda X, Commented Jul 23, 2022 at 6:26
No @JaromandaX, I was just trying to show the format of the solution I was looking for. This is the furthest I could go- function arraySorter(arr) { return arr .map((e) => { return Object.values(e); }) .filter((e, i) => { console.log(e[1]); return; }); } String.fromCharCode(c.charCodeAt(0) + 1); console.log( arraySorter([ { a: 1, b: 2 }, { a: 5, b: 4 }, ]) ); But I don't think this is it. — Bhaskar Deb
– Bhaskar Deb, Commented Jul 23, 2022 at 6:43
you should show your attempts in teh question, lest it look like you're using stackoverflow as a homework answering service — Jaromanda X
– Jaromanda X, Commented Jul 23, 2022 at 8:23

Mina · Accepted Answer · 2022-07-23 06:42:07Z

2

To sort with numbers.

sorting ascending ( first argument - second argument )
sorting descending ( second argument - first argument ),

as sort function should return

positive number if the first argument is bigger than the second argument.
negative number if second argument is bigger than first argument.

zero if both are equal.

function arraySorter(arr) {
   return arr.sort((x, y) => x.b - y.b)
}

console.log(arraySorter([{a:1,b:2},{a:5,b:4}])) //expected output: [{a:1,b:2},{a:5,b:4}]
console.log(arraySorter([{a:2,b:10},{a:5,b:4}])) //Expected output: [{a:5,b:4},{a:2,b:10}]
console.log(arraySorter([{a:1,b:7},{a:2,b:1}])) //Expected output: [{a:2,b:1},{a:1,b:7}]

answered Jul 23, 2022 at 6:42

Mina

17.8k3 gold badges24 silver badges39 bronze badges

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

Comments

Som Shekhar Mukherjee · Accepted Answer · 2022-07-23 06:55:12Z

0

You can use the sort method available on arrays.

You can also make your sort function more generic by accepting the key according to which the objects need to sorted and the order for sorting.

function sortArrayOfObjects(arr, sortKey, isAscending = true) {
  return [...arr].sort(({ [sortKey]: a }, { [sortKey]: b }) =>
    isAscending ? a - b : b - a
  );
}

console.log(sortArrayOfObjects([{ a: 5, b: 2 }, { a: 1, b: 4 }], "a"));
console.log(sortArrayOfObjects([{ a: 2, b: 10 }, { a: 5, b: 4 }], "b"));
console.log(sortArrayOfObjects([{ a: 1, b: 7 }, { a: 2, b: 1 }], "a", false));

edited Jul 23, 2022 at 6:55

answered Jul 23, 2022 at 6:44

Som Shekhar Mukherjee

8,1982 gold badges16 silver badges34 bronze badges

2 Comments

Bhaskar Deb Over a year ago

But it has two arguments. I'm looking for the solution from a single argument function.

Som Shekhar Mukherjee Over a year ago

@BhaskarDeb You can hardcode the sortKey or provide a default value, but I'd recommend keeping the function more generic.

Collectives™ on Stack Overflow

JavaScript: Comparing Two objects in one array

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related