JSFiddle - React, Tailwind, and code Playground

by amindunited

JavaScript

const ids = [
	"classic",
	"standout",
  "premium"
]
const payload = [
  {
    "id":"standout",
    "name":"Standout Ad",
    "description":"allows advertisers to use a company logo and use a longer presentation text",
    "price":322.99
  },
  {
    "id":"standout",
    "name":"Standout Ad",
    "description":"allows advertisers to use a company logo and use a longer presentation text",
    "price":322.99
  },
  {
    "id":"standout",
    "name":"Standout Ad",
    "description":"allows advertisers to use a company logo and use a longer presentation text",
    "price":322.99
  },
  {
    "id":"standout",
    "name":"Standout Ad",
    "description":"allows advertisers to use a company logo and use a longer presentation text",
    "price":322.99
  },
  {
    "id":"classic",
    "name":"Classic Ad",
    "description":"offers the most basic level of advertisement",
    "price":269.99
  }
];

const sorted = payload.sort((prev, curr) => {
	console.log(ids.indexOf(prev.id) - ids.indexOf(curr.id));
	return ids.indexOf(prev.id) - ids.indexOf(curr.id);
});

console.log('sorted', sorted);