通过Javascript中的乱序ID数组过滤对象数组

Question

这是一组书籍对象。const books=[    {      "id": 1,      "title": "NPR",      "url": "https://www.npr.org"    },    {      "id": 2,      "title": "Google Docs",      "url": "https://docs.google.com/"    },    {      "title": "Fetch API Docs",      "url": "https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch",      "id": 3    },    {      "title": "Yahoo",      "url": "http://www.yahoo.com",      "id": 4    },    {      "title": "Google",      "url": "http://www.google.com",      "id": 5    }  ]和一个单独的 ID 数组const selectedIds = [1, 5, 3]使用 javascript，如何将书籍数组过滤为selectedIds（保持与 in 相同的顺序selectedIds）？我希望得到的最终结果：selectedBooks = [    {      "id": 1,      "title": "NPR",      "url": "https://www.npr.org"    },    {      "title": "Google",      "url": "http://www.google.com",      "id": 5    },    {      "title": "Fetch API Docs",      "url": "https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch",      "id": 3    }  ]我当前的代码是这样的，但这保留了books数组的顺序（即 [1, 3, 5]）：books.filter(function(item) {   return selectedIds.includes(item.id);}

Answer 1

往另一个方向走。

 selectedIds.map(id => books.find(b => b.id === id))

Answer 2

const books = [{

    id: 1,

    title: "NPR",

    url: "https://www.npr.org"

  },

  {

    id: 2,

    title: "Google Docs",

    url: "https://docs.google.com/"

  },

  {

    title: "Fetch API Docs",

    url: "https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch",

    id: 3

  },

  {

    title: "Yahoo",

    url: "http://www.yahoo.com",

    id: 4

  },

  {

    title: "Google",

    url: "http://www.google.com",

    id: 5

  }

];

const selectedIds = [1, 5, 3];

const mapped = selectedIds.map(id => {

  return books.find(book => book.id === id);

});

console.log(mapped);