更新数组中对象值的最快方法

问题描述

试图找出更新数组中对象值的最快方法。

您将不知道确切的位置，因此无法进行animes[0]readStatus=true
我正在尝试避免for循环，因为该数组可能很多。例子一百万。尽管看起来for循环更快，但经过了某人的测试并发布了here in Medium

以下是我的解决方案，您能提出更好的建议吗？

const animes = [
  {
    id:'1',title:'latest anime',readStatus:false,imageSource:'https://help.twitter.com/content/dam/help-twitter/twitter-logo.png'
  },{
    id:'2',title:'naruto',readStatus:true,imageSource:'https://mapstr-prod.s3.amazonaws.com/298ed6c57ada2a7560d24dabba452548_facebook-logo-F-1200x816.jpg'
  },{
    id:'3',title:'one piece',{
    id:'4',title:'you name it',imageSource:'https://mapstr-prod.s3.amazonaws.com/298ed6c57ada2a7560d24dabba452548_facebook-logo-F-1200x816.jpg'
  }
]

let rebels = animes.filter((anime) => {
  return anime.id === '1';
});

let newItems = animes.filter((anime) => {
  return anime.id !== '1';
});


let myMap = Object.assign({},rebels)
myMap[0].readStatus = true;
newItems.push(myMap[0])
console.log(newItems);

解决方法

const animeById = animes.reduce((all,anime) => { all[anime.id] = anime; return all; },{});

您可以使用id作为键构造第二个对象，然后使用该对象进行快速查找。

如果要处理数组，则循环是查找内容的最佳方法。如果是一百万个项目，听起来您需要考虑数据库策略！

但除此之外，这是我的处理方式：

const animes = [
  {
    id:'1',title:'latest anime',readStatus:false,imageSource:'https://help.twitter.com/content/dam/help-twitter/twitter-logo.png'
  },{
    id:'2',title:'naruto',readStatus:true,imageSource:'https://mapstr-prod.s3.amazonaws.com/298ed6c57ada2a7560d24dabba452548_facebook-logo-F-1200x816.jpg'
  },{
    id:'3',title:'one piece',{
    id:'4',title:'you name it',imageSource:'https://mapstr-prod.s3.amazonaws.com/298ed6c57ada2a7560d24dabba452548_facebook-logo-F-1200x816.jpg'
  }
]

function markAsRead(id) {
  const idx = animes.findIndex(a => a.id === id);
  if (idx > -1) {
    animes.splice(idx,1,{ ...animes[idx],readStatus: true });
  }
}

markAsRead('1');

console.log(animes);

我参加聚会晚了吗？

由于 JS 的数组存储了一个引用列表，最简单的方法是找到第一个匹配的对象，并立即更新它。这将从列表本身更改原始对象。无需修改/重新创建列表。

const animes = [
  {
    id:'1',imageSource:'https://mapstr-prod.s3.amazonaws.com/298ed6c57ada2a7560d24dabba452548_facebook-logo-F-1200x816.jpg'
  }
]

const target = animes.find(e=>e.id==='1');
target && (target.readStatus = true);


console.log(JSON.stringify(animes,null,2));

arrays arrays javascript object object