标签:ES6 ES5 const ... items Javascript item let id
可以使用Filter。
const list =[{id:0},{id:1},{id:2}];let listCopy =[...list];let filteredDataSource = listCopy.filter((item)=>{if(item.id ===1){
item.id =12345;}return item;});
console.log(filteredDataSource);
数组[对象{id:0},对象{id:12345},对象{id:2}]
一线使用传播算子。
const updatedData = originalData.map(x =>(x.id === id ?{...x, updatedField:1}: x));
给定一个更改的对象和一个数组:
const item ={...}let items =[{id:2},{id:3},{id:4}];
通过遍历数组,使用新对象更新数组:
items = items.map(x =>(x.id === item.id)? item : x)
尽管大多数现有答案都很不错,但我想提供一个使用传统for循环的答案,此处也应考虑。OP请求一个与ES5 / ES6兼容的答案,并且传统的for循环适用:)
在这种情况下使用数组函数的问题在于,它们不会使对象发生突变,但是在这种情况下,必须进行突变。使用传统的for循环所带来的性能提升仅仅是(巨大)奖励。
const findThis =2;const items =[{id:1,...},{id:2,...},{id:3,...}];for(let i =0, l = items.length; i < l;++i){if(items[i].id === findThis){
items[i].iAmChanged =true;break;}}
尽管我非常喜欢数组函数,但不要让它们成为工具箱中的唯一工具。如果目的是使阵列变异,则它们不是最合适的。
可以使用Filter。
const list =[{id:0},{id:1},{id:2}];let listCopy =[...list];let filteredDataSource = listCopy.filter((item)=>{if(item.id ===1){
item.id =12345;}return item;});
console.log(filteredDataSource);
数组[对象{id:0},对象{id:12345},对象{id:2}]
标签:ES6,ES5,const,...,items,Javascript,item,let,id 来源: https://www.cnblogs.com/yibinboy/p/16121394.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。