vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法

需求：根据主键id来找到对应的数组下标

原本的方法是使用for循环遍历该数组，变量 i 就是下标，问题在于，如果有多重for循环，就会导致性能大大下降，数据也容易出错

因此使用map，让数组(原本是list)变成一个map集合(key-value形式)，把主键id当做key，下标当做value，一一对应，需要的时候直接使用map.get(key)就可以获取到对应的value

1.在data{}中先定义一个map全局变量

2.在数据回显或有全部数据的地方把数组list变成map

该例子数据结构是[｛｝]，所以有2个for循环 item也是[｛｝]结构

这里的item[j].componentId就是一个数组，类似[1,2,3]，下标分别为0，1，2

i 是外部循环的变量，在这里相当于该数组的下标

3.在需要获取下标地方直接使用map.get(key)

所以key就是item[j].componentId，就可以获取到该id所对应的数组下标了

到此这篇关于vue使用map代替Aarry数组循环遍历的方法的文章就介绍到这了,更多相关vue map代替Aarry数组循环遍历内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法相关推荐

js 数组遍历符合条件跳出循环体_Javascript数组循环遍历之forEach详解
1.js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i除此之外,也可以使用较简便的forEach 方式 2.forEach函数. Firefox 和Chrome 的Arra ...
java map遍历_Java中Map集合的两种遍历方式
Java中的map遍历有多种方法,从最早的Iterator,到java5支持的foreach,再到java8 Lambda,让我们一起来看下Java中Map集合的两种遍历方式! 关于遍历Map集合的几 ...
php的循环有哪几种,PHP数组循环遍历的几种方式
PHP数组循环遍历 1.for循环 //语法 for (init counter; test counter; increment counter) { code to be executed; } ...
Java数组学习笔记（遍历、排序、多维数组、命令行参数）
文章目录数组的遍历和快速打印冒泡排序和快速排序数组和字符串排序的区别多维数组建立和输出命令行向main()传递参数数组的遍历和快速打印一.数组的遍历数组的遍历有两种方法,一种是使用fo ...
vue数组循环遍历中途跳出整个循环
vue数组循环遍历中途跳出整个循环,使用some进行循环,return true时,跳出整个循环 judgePoint(arr) {if (this.haveError) {this.haveErro ...
[vue] vue使用v-for遍历对象时，是按什么顺序遍历的？如何保证顺序？
[vue] vue使用v-for遍历对象时,是按什么顺序遍历的?如何保证顺序? image 1.会先判断是否有iterator接口,如果有循环执行next()方法 2.没有iterator的情况下,会 ...
map for循环_阿里面试问我hashMap的循环姿势有哪几种？
hashMap 应该是java程序员工作中用得比较多的一个键值对处理的数据的类型了.这种数据类型一般都会有增删查的方法,今天我们就来看看它的循环方法以前写过一篇关于ArrayList的循环效率问题&l ...
js三层数组循环遍历（笛卡尔积）运算，并生成顺序
笛卡尔乘积是指在数学中,两个集合X和Y的笛卡尔积(Cartesian product),又称直积,表示为X × Y,第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 [1] . 假 ...
java 遍历map并比较值_Java遍历Map，List的不同方法，并比较其性能
最近在做文本分析相关的实验,统计词频,情感度量许多数据预处理的工作要用到集合类的遍历,借这个机会也好好复习了一下Java中Map,List的用法. 1. Map的遍历 Map这种集合不能直接取出元素, ...

vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法

vue 循环遍历list_vue使用map代替Aarry数组循环遍历的方法相关推荐

最新文章

热门文章