If the prop name in the array equals the random name, how can I sort to show them first?

Question

As I mentioned in the title, I have a parameter that comes from the url and I have an array. If the name of the objects in this array and the parameter match, I want to show them first, then I can show the remaining data.

const {randomName} = useParams()
//randomName = "ASD"

//Example Object

const example = [{name:"bcd", size:32}, {name:"ASD", size:32} , {name:"ASD", size:32} , {name:"scd", size:32}, {name:"lgh", size:32} ]

example.map((x, index) => 
 <div> {x.name} {index} </div>
 )

//I want it rendered like this

ASD 1 
ASD 2
anyone 3
anyone 4
anyone 5
....

Konrad · Accepted Answer · 2023-03-26 17:51:17Z

0

You have to sort the array

const randomName = "ASD"

const example = [{
  name: "bcd",
  size: 32
}, {
  name: "ASD",
  size: 32
}, {
  name: "ASD",
  size: 32
}, {
  name: "scd",
  size: 32
}, {
  name: "lgh",
  size: 32
}]

const result = [...example].sort((a, b) =>
  a.name === randomName ? -1 : b.name === randomName ? 1 : 0
).map((x, index) =>
  `<div> ${x.name} ${index} </div>`
)

console.log(result)

answered Mar 26, 2023 at 17:51

Konrad

24.9k5 gold badges35 silver badges78 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2023-03-26 17:55:52Z

0

You could sort the wanted items to to and then map the result.

const
    value = "ASD",
    example = [{ name: "bcd", size: 32 }, { name: "ASD", size: 32 }, { name: "ASD", size: 32 }, { name: "scd", size: 32 }, { name: "lgh", size: 32 }];

example.sort((a, b) => (b.name === value) - (a.name === value));

console.log(example);

answered Mar 26, 2023 at 17:55

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Ben Stephens · Accepted Answer · 2023-03-26 18:05:56Z

0

You could partition the data into two arrays, one of which has the ASD name and the rest that don't and then join the two arrays back together.

const example = [{name:"bcd", size:32}, {name:"ASD", size:32} , {name:"ASD", size:32} , {name:"scd", size:32}, {name:"lgh", size:32} ];

const partition = (data, partition_function) =>
  data.reduce(
    (acc, val) => (acc[+!partition_function(val)].push(val), acc),
    [[], []]
  );

const sort_asd_to_top = (data) =>
  partition(data, (val) => val.name === 'ASD').flat();

console.log(sort_asd_to_top(example));

answered Mar 26, 2023 at 18:05

Ben Stephens

3,3711 gold badge7 silver badges9 bronze badges

Collectives™ on Stack Overflow

If the prop name in the array equals the random name, how can I sort to show them first?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related