js匹配数组中对应的值

阅读: 评论:0

js匹配数组中对应的值

js匹配数组中对应的值

日常工作中经常会需要我们前端获取后端为我们传递的数据放在页面中渲染的问题。大批量的数据后端会根据具体的情况来放在数组中传递给我们,但是如果遇到数组中有需要特殊需要处理的数据怎么办?原来100个数据,渲染规则完全一致,这个时候我们用一个循环就可以搞定,但是有的时候需求并不会这样simple,也有100个数据中有任意个不定位置的特殊元素需要特殊处理,这个时候我们需要找一下解决办法:

1.首先将特殊的元素剔除掉,把剩余可以简单循环渲染的数据重新组成数组,首先进行第一步的渲染。这个时候我们可以用到的方法:

1 //将数组中为1的数据删除生成新数组

2 let simpleArr = list.filter((item, i) =>{3 return item != 1;4 })

如上代码所示,simpleArr为新数组,list为原始数组。

2.其次我们可以根据具体的需求来把特殊元素找出来,继续渲染页面。

以我最近遇到的需求情况为例,渲染10张图片,要求其中ID为1的图片要根据图片出现的位置对应的item值来进行划分渲染,其他的图片只需根据ID来展示图片即可。

根据第一步,其他ID不为1的图片我可以轻松渲染出来,那么ID为1的图片的位置我可以根据如下方法进行get出来:

//在数组中查找所有出现的x,并返回一个包含匹配索引的数组

functionfindall(a,x){var results=[],

len=a.length,

pos=0;while(pos

pos=a.indexOf(x,pos);if(pos===

本文发布于:2024-01-28 03:57:26,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/17063854584606.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:组中   js
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23