数组中嵌套数组，前端页面保存数据

最新推荐文章于 2024-09-28 19:02:04 发布
最新推荐文章于 2024-09-28 19:02:04 发布
阅读量166 收藏 1
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58195884/article/details/127637777
版权

procedureNameChange(e, r) {

        const obj = this.procedureList.find(item => item.procedureCode === e)

        r.procedureName = obj.procedureName

      },

      // 点击展开右侧数据

      tableClick(e) {

        console.log(e, '双击展示')

        const obj = this.detailForm.procList.find(item => item.id === e.id)

        console.log(obj, '过滤的obj')

        this.procListForm.procedureName = obj.procedureName

        this.procListForm.procedureCode = obj.procedureCode

        this.workingList = obj.requireList

        this.workmanshipList = obj.matList

      },

weixin_58195884
关注
前端比较常用的几种数组处理方法
qq_47629187的博客
05-12 334
1.单个数组去重 代码如下： var a=[1,1,2,3,4,4,5,6,7,8,9,1] const res=new Map();//这个是必须要写的 //开始去重 a=a.filter((a)=>!res.has(a)&&res.set(a,1)); 2.两个数组去重 代码如下： var a=[1,2,3,4] var b=[1,2,3,4.5,6,] //建两个临时数组 let aa=[ ] let bb=[ ] //开始循环拿 for(let .
小程序中实现二维数组的展示
低代码布道师的博客
06-26 1199
我们如果要展示数据，首先要把数据存放到变量中，打开我们的控制台，创建一个空白的应用类型选择Web端(H5/PC)然后在应用编辑器的代码区，创建一个自定义变量我们的变量类型选择数组，然后数据模型选择JSON，将变量名修改为menu，将我们构造好的数据粘贴到默认值里二维数组展示的时候，主要是要用循环嵌套来实现，低码工具里的循环是使用组件完成的，要注意组件的层次，还有就是内层循环的时候要做一定的数据加工，只要处理好二维数组展示也比较简单，学会了照着示例练习一下吧。
微信小程序双层/多层 wx:for 循环嵌套，关于内外层的 index 和 item ；data-index 传递两个参数
m0_74132943的博客
06-06 2540
那么关于内外层的 index 下标关系：在默认情况下，这个第二层的循环也是用 index 作为下标；也就是说如果你是在第二层循环中输出 {{index}} 那么这个输出的是第二层的下标值；它的主要作用是告诉小程序每个循环项目的唯一标识符，这样小程序在重新渲染或进行 DOM 操作时可以优化性能。item 也和 index 同理，在不同的循环层中会覆盖不同的 item 值。那么接收到的数据就如下：0是第一层循环的下表，1是第二层循环的下标。的值作为循环项目的唯一标识符，从而在需要重新渲染或更新时提高效率。
展开嵌套数组的方法
hdupuyang的博客
06-25 727
var arr=[[1,2],[3,[4,5],6]] // 方法一 硬写 function f1(tree,res){ if(Array.isArray(tree)){ for(let i=0;i<tree.length;i++){ f1(tree[i],res) } }else{ res.push(tree) } return res } f1(arr,[]) //方法二 Generat
【微信小程序/实现】wx:for实现数组循环插入数据，显示到页面中
peng_YuJun的博客
02-10 5931
利用 wx:for 将js文件中从服务器中获取的数据，在wxml的文件中以数组循环的形式插入展示到前端页面。
store 存取数据数组对象_vuex的store，state存储数组还是map？
weixin_42117224的博客
12-23 2755
请教一个vuex的问题，我要做个游戏工具，初始化加载很多数据到前端。比如[{'goods_id':'1', 'goods_name': '物品1'},{'goods_id':'2', 'goods_name': '物品2'},……]逻辑上的操作以及页面的展示，很多都要用到 map类型的数据，比如 goods_map.get(goods_id).goods_name但页面上列表展示，只能遍历数组...
根据数组对象结合map和filter过滤数组对象
IsChris_s的博客
04-11 2315
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 刚刚写的,直...
js用递归遍历多维数组_js面试题更新之40
weixin_39634132的博客
11-22 1622
1、数组方法pop() push() unshift() shift()push 后面添加元素，个数不限，返回新数组的长度pop 从后面删除一个元素，返回那个元素unshift 从前面添加元素，个数不限，返回新数组的长度shift 从前面删除一个元素，返回那个元素2、javascript的typeof返回哪些数据类型Object number functi...
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
java redis存数据_Java 实现Redis存储复杂json格式数据并返回给前端
weixin_33095355的博客
02-21 1094
问题背景在Java Web项目中，经常需要前端请求数据，后台从数据库中查询并计算最后返回json格式数据给前端。而每次请求都需要计算一次可能比较浪费时间，这时我们可以将计算好的结果保存在redis中，下次请求时先判断redis中是否已经存在，如果是则直接从redis里取出返回，因为是在内存中，所以比较快。而自己在项目中遇到的json格式数据比较复杂，下面记录一下redis存储对象和json格式数据...
web前端常见面试题
JackieDYH的博客
05-31 624
事件循环⼜叫做消息循环，是浏览器渲染主线程的⼯作⽅式。在 Chrome 的源码中，它开启⼀个不会结束的 for 循环，每次循环从消息 队列中取出第⼀个任务执⾏，⽽其他线程只需要在合适的时候将任务加⼊到 队列末尾即可。过去把消息队列简单分为宏队列和微队列，这种说法⽬前已⽆法满⾜复杂的 浏览器环境，取⽽代之的是⼀种更加灵活多变的处理⽅式。根据 W3C 官⽅的解释，每Promises是一种处理JavaScript异步代码的方式。它们允许您在异步操作完成后执行一些操作。
微信小程序多层嵌套循环，二级数组遍历
Sensation_cyq的博客
08-23 1万+
小程序中的遍历循环类似于angularJS的遍历。 二级数组遍历有一个坑。二级遍历wx：for循环的时候，需要注意。（代码如下）   JS代码： data: { groups: [ [ { title: '狼图腾', cover:
前端存储数据
weixin_45490637的博客
09-30 2085
前端常用的存储数据的方式
前端——把一个数组添加到另一个数组里
前方一片光明
12-31 2万+
一、使用concat方法 //用concat方法 //concat()把两个或者多个数组链接在一起，但是不改变已经存在的数组 //而是返回一个链接之后的新数组 var a = [1, 2, 3]; a.concat([4, 5]); console.log(a); //此处输出为 [1, 2, 3] var a = [1, 2, 3]; a = a.concat([4, 5]); cons.........
webview2加载本地页面
qq_25160759的博客
09-23 642
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 288
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
前端面试经验总结2(经典问题篇)
最新发布
rita_0567的博客
09-28 615
因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。
基于webComponents的纯原生前端框架
u013776700的博客
09-28 71
采用artComponent模板引擎,在数据更新后实现UI更新，当然这里做了优化处理,尽量减小页面渲染受影响的范围，实现最小化更新。基于框架，开发了一套常用UI组件，提升开发速度。组件库采用开放原则，也就是说别人都可以使用我的开发接口去开发组件库。我本人的个人开发web前端前框架xui，正在开发中，业已完成50%的核心开发工作，并且在开发过程中逐渐完善.目前框架未采用任何和市面上框架模式，没有打包过程，实现真实的开箱即用。框架完成了事件触发和事件监听的封装，在页面和组件事件处理上更加方便。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值