增强for循环for（let p in list）的具体用法for-in是用于循环value

最新推荐文章于 2023-07-03 09:37:13 发布
最新推荐文章于 2023-07-03 09:37:13 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： 笔记 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45390904/article/details/104925011
版权

基于vue框架下的uniapp移动框架来完成的一个表单数据的转换

今天遇见了一个这样的问题form表单提交后的数据的数据集是e. detail. value这样的数据集打印类型【object】类型数据因为form表单输入框是渲染出来的所以没法给他定义一个死值name只能定义活的name，然后提交的时候后台要的数据格式是value：“1，2，3，”PS（1，2，3）是输入框里输入的值。还要一个ID：（“1，2，3”）这样的数据然后我就把ID的值放到的输入框的name位置在这里插入图片描述
写成这种格式，后台tagid和tagname都要格式还是跟ID和value的格式一样，没办法只能转换表单提交数据的格式把前面的属性和后面的值转乘连个单独的字符串因此废了老大的力气找的了一个转换的方法这样写for（var 自定义变量 in e.detail.value）{alter(自定义变量，e.detail.value)}这样打印出来的两组数是以数组的形式打印的然后用join. (",")就可以拿到字符窜了

基于vue框架下的uniapp移动框架来完成的一个表单数据的转换

在这里插入图片描述

睡【美人】
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE(uni-app框架)开发微信小程序②-for循环
qq_39075676的博客
10-17 3414
记录美好
前端在遍历对象时遍历出来的键的顺序不正确问题处理
vet_then_what的博客
06-30 771
在uniapp开发小程序的时候，后端有时候给的数据是这样的顺序给好的这样的键值对： 但是使用for…in…循环遍历这个对象，并打印其key值，在uniapp开发小程序可能会出现最终访问的顺序和接口给的顺序不一致的情况，就像下面这样：这个问题在web端并没有遇到过，只是在使用开发小程序时处理接口给的数据时出现过这个问题导致了bug。使用uniapp开发小程序坑太多，所以具体原因并不想深究，这里只说一下处理办法: 上面的方法，就是将map的key值重新拿出来排个序，再遍历排好序的key值，将原map对象对应的v
全面解析JavaScript里的循环方法之forEach，for-in，for-of
10-22
主要介绍了全面解析JavaScript里的循环方法之forEach，for-in，for-of的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
uni-app学习使用
wain_wan的博客
07-03 99
遍历对象数据 使用for in 的形式对对象进行遍历，获取对象的时候使用对象名称[data]的方式获取每个对象的具体内容你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y
小程序转uni-app——for循环
热门推荐
mrliucx的博客
02-24 1万+
uni-app中用（ data-index ）赋值为index时 index 必须在v-for定义 条件：为v-for 循环数组情况下 定义：v-for（item,index in xxxlist）
uniapp动态显示数组_4.4.2 数组的循环访问
weixin_39927861的博客
12-18 324
使用 for-in 来访问数组：代码示例小白教程网www.2d5.net如下：for (i in myObj.sites) {x += myObj.sites[i] + "";}使用 for 循环访问数组：代码示例小白教程网www.2d5.net如下：for (i = 0; i < myObj.sites.length; i++) {x += myObj.sites[i] + "";}完整代...
Vue中编写更好的v-for循环
weixin_43844696的博客
06-08 494
在Vue中，v-for循环最基本的用法中，它们的用法如下。 <ul> <li v-for='product in products'> {{ product.name }} </li> </ul> 来点技巧的方式！！！ 1.始终在v-for循环中使用key 首先，我们将讨论大多数Vue开发人员已经知道的常见最佳做法——在v-for循环中使用:key。通过设置一个惟一的键属性，它可以确保组件以您期望的方式工作。 如果我们不使用k...
node-linked-list
04-27
3. 查找元素：可以使用`find`方法查找特定元素，返回元素的索引或null。 ```javascript let index = list.find('元素1'); ``` 4. 删除元素：`removeAt`方法根据索引删除元素，`remove`方法根据值删除元素。 ```...
js Map List 遍历使用示例
10-27
在遍历Map时，推荐使用`entries()`、`keys()`或`values()`方法，而在遍历数组时，可以根据是否需要修改原数组以及处理每个元素的方式选择`for`循环、`forEach()`、`map()`或其他迭代方法。记得避免使用`for...in`...
数组循环
02-11
常见的数组循环方法有多种，包括`for`循环、`while`循环、`forEach`方法、`map`方法、`filter`方法和`reduce`方法等。 1. **for循环**：这是最传统的循环方式，适用于任何支持循环的编程语言。例如，在JavaScript中...
to-do-list
03-07
1. **JavaScript基础**：首先，你需要熟悉JavaScript的基本语法，包括变量声明（var、let、const）、数据类型（字符串、数字、布尔、对象、数组等）、条件语句（if...else）、循环（for、while）、函数等。...
HW-4.1-Grocery-list
03-18
1. **基础语法与数据结构**：首先，你需要了解 JavaScript 的基本语法，包括变量声明（`let`、`const`、`var`）、条件语句（`if...else`）、循环（`for`、`while`）等。购物清单的数据结构通常会选择数组（`[]`）来...
uniapp无法获取for循环节点
March010的博客
01-22 1450
在项目中碰到的问题，uniapp使用uni.createSelectorQuery().in()获取节点，但是始终无法获取到循环后的节点，后来加了一个setTimeout就解决了问题 //方法需要在生命周期mounted或者onReady后进行调用 onReady: function() { setTimeout(function(){ _self.getNodesInfo(); },1000) }, //获取节点 getNodesInfo(){ const query =uni.createSelecto
vue中优化-----for循环事件代理方式触发函数
qq_43631129的博客
03-13 597
vue中优化-----for循环事件代理方式触发函数
简单比较for-in和for-of
蓝枫秋千的踩坑记录
04-07 138
用法和取值 for-in能够遍历数组和对象，拿到的是key for-of只能用于数组遍历，拿到的是value 案例let arr = [1,23,4,5,6]; let obj = {name: 'lan', age: 18, gender: 'male'}; for(let value of arr) { console.log(value); // 1,23,4,5,6 } for(...
vue学习之循环结构（十）
weixin_43857520的博客
08-27 197
2、分支循环结构 <li v-for='item in list'>{{item}}</li> <li v-for='(item,index) in list'>{{item}} + '---' +{{index}}
Vue For 循环后台传的数据列表 点击每个ID显示对于数据
weixin_45844542的博客
07-30 1676
遍历列表 html代码 <!-- 列表--> <div > <p v-for="(item,index) in pageList（数据数组名称） " :key="index" @click="itemId(item.数据对应的名称)">{{item.name（数据对应的名称）}} </p> </div> <!-- 展示对应列表里的内容--> <div class="nav"> </div&g
javascript for循环的几种写法
qq_16451119的博客
02-24 1329
记录一下平时常用的for循环的方法 1.for ``` let list =[1,2,3,4,5]; for(let index = 0; index < list.length; index++){ console.log(index); //0 1 2 3 4 获取下标 console.log(list[index]); //1 2 3 ...
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.whl
最新发布
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
假设给定一个id = 301,查找出 list 中value = id的对象，并取出对应的label值。list 是一个嵌套的json数据，每一级都可能存在children属性，children中包含跟父级相同的数据结构，如果用嵌套for循环来实现，代码冗长不易阅读，而且性能也不好，所以我们选择使用递归算法来实现。用vue写出一段代码
06-09
好的，这是一段使用递归算法在Vue中查找嵌套的JSON数据的代码： ```javascript <template> <div> <p>Value: {{ value }}</p> <p>Label: {{ label }}</p> </div> </template> <script> export default { name: "NestedJson", props: { list: { type: Object, required: true, }, id: { type: Number, required: true, }, }, computed: { value() { return this.getNodeValue(this.list, this.id); }, label() { return this.getNodeLabel(this.list, this.id); }, }, methods: { getNodeValue(node, id) { if (node.value === id) { return node.value; } else if (node.children) { for (let i = 0; i < node.children.length; i++) { const result = this.getNodeValue(node.children[i], id); if (result) { return result; } } } }, getNodeLabel(node, id) { if (node.value === id) { return node.label; } else if (node.children) { for (let i = 0; i < node.children.length; i++) { const result = this.getNodeLabel(node.children[i], id); if (result) { return result; } } } }, }, }; </script> ``` 在这段代码中，我们定义了一个名为 "NestedJson" 的组件，并接受两个 props：list 和 id。list 是我们要查找的嵌套 JSON 数据，而id则是我们要找到的值。我们使用了两个计算属性来获取 value 和 label，它们分别调用了 getNodeValue 和 getNodeLabel 方法。 getNodeValue 和 getNodeLabel 方法都是使用递归算法来查找 JSON 数据的。它们接受一个节点和一个值作为参数，如果当前节点的 value 属性等于我们要查找的值，就返回该节点的 value 或 label 值。否则，它们将遍历当前节点的 children 属性，并递归调用自己来查找嵌套的节点。 在组件的模板中，我们简单地输出了 value 和 label 的值，以便我们可以在界面上看到它们的结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值