uni-app:js二维数组与对象数组之间的转换

news2024/12/28 3:13:15

一、二维数组整理成对象数组 

效果

[

        ["前绿箭","DI10","RO1"],

        ["前红叉","DI2","RO2"],

        ["后绿箭","DI12","RO3"],

        ["后红叉","DI4","RO6"]

整理为

[

        {"DI":"DI10","RO":"RO1","name":"前绿箭"},

        {"DI":"DI2","RO":"RO2","name":"前红叉"},

        {"DI":"DI12","RO":"RO3","name":"后绿箭"},

        {"DI":"DI4","RO":"RO6","name":"后红叉"}

]  

核心代码

const convertedArray = assign.map(item => {
    return {
	    name: item[0],
		DI: item[1],
		RO: item[2]
	};
});

完整代码

<template>
	<view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		onLoad() {
			var assign = [
				["前绿箭", "DI10", "RO1"],
				["前红叉", "DI2", "RO2"],
				["后绿箭", "DI12", "RO3"],
				["后红叉", "DI4", "RO6"]
			]
			console.log("整理前",assign)
			const convertedArray = assign.map(item => {
				return {
					name: item[0],
					DI: item[1],
					RO: item[2]
				};
			});
			console.log("整理后",convertedArray)
		}
	};
</script>
<style>

</style>

二、对象数组转换为二维数组

效果

核心代码

const convertedArray = objArray.map(item => [item.name, item.DI, item.RO]);

完整代码 

<template>
	<view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		onLoad() {
			const objArray = [
			  { name: '前绿箭', DI: 'DI10', RO: 'RO1' },
			  { name: '前红叉', DI: 'DI2', RO: 'RO2' },
			  { name: '后绿箭', DI: 'DI12', RO: 'RO3' },
			  { name: '后红叉', DI: 'DI4', RO: 'RO6' }
			];		
			console.log("对象数组",objArray)
			const convertedArray = objArray.map(item => [item.name, item.DI, item.RO]);
			console.log("二维数组",convertedArray);
		}
	};
</script>
<style>

</style>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1109831.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

2023国考证件照要求什么底色?证件照换背景底色的方法

2023年国家公务员考试报名已经开始了&#xff0c;我们在考试平台提交报名信息的时候&#xff0c;有一项就是需要上传证件照片&#xff0c;对于证件照片也会有具体的要求&#xff0c;比如背景底色、尺寸大小、dpi和kb大小。今天就为大家详细介绍一下关于国考证件照背景色的内容&…

数据结构与算法课后题-第六章(图的存储及基本操作)

文章目录 1、选择题12、选择题23、选择题34、选择题45、选择题56、选择题67、选择题78、选择题89、选择题910、选择题1011、选择题1112、选择题1214、选择题1415、选择题1516、选择题16 1、选择题1 2、选择题2 3、选择题3 4、选择题4 5、选择题5 6、选择题6 7、选择题7 8、选择…

zzy-project-cli,提供多个框架的脚手架

npm地址 install npm install zzy-project-cli -g做什么&#xff1f; 将多个可选的框架提供给使用者选择&#xff0c;选中后自动下载对应模板&#xff0c;快捷使用。 使用 step1 zzy-cli create [项目名称]step2 获取模板之后选取任一进行下载 下载完成之后即可使用 模…

藏在超级应用背后的逻辑和哲学

众所周知&#xff0c;Elon Musk 想将 Twitter 重新设计定位成一款“超级应用 - X”的野心已经不再是秘密。伴随着应用商店中 Twitter 标志性的蓝鸟 Logo 被 X 取代后&#xff0c;赛博世界充满了对这件事情各种角度的探讨与分析。 Musk 曾经无数次通过微信这一样本来推广他的“超…

龙芯3A3000源码编译安装deepin-ide

安装环境 系统为统领专业版1050 CPU为龙芯3A3000 安装步骤 1.安装所有依赖库 sudo apt-get install git debhelper cmake qt5-qmake qtbase5-dev qttools5-dev qttools5-dev-tools lxqt-build-tools libssl-dev llvm llvm-dev libclang-dev libutf8proc-dev libmicrohttpd-d…

利用MixProxy自动录制生成Pytest案例:轻松实现测试脚本编写!

前言 进行接口自动化时&#xff0c;有时候往往没有接口文档&#xff0c;或者文档更新并不及时&#xff0c;此时&#xff0c;想要获取相关接口&#xff0c;通过抓包是一种快速便捷的手段。抓包获取到接口后&#xff0c;开始写接口用例&#xff0c;此时需要复制请求url、请求参数…

人工智能驱动的个性化学习:技术如何彻底改变教育

随着计算机辅助教学的出现&#xff0c;人工智能在教育领域的发展始于20世纪50年代。然而&#xff0c;在20世纪90年代&#xff0c;由于机器学习和数据处理的进步&#xff0c;该领域开始出现大幅增长。人工智能在教育领域的早期应用之一是智能辅导系统&#xff08;ITS&#xff09…

最新最全网络安全专业毕业设计选题精华汇总-持续更新中

文章目录 0 前言1 网络安全(信息安全)毕设选题推荐2 开题指导3 最后 0 前言 Hi&#xff0c;大家好&#xff0c;随着毕业季的临近&#xff0c;许多同学开始向学长咨询关于选题和开题的问题。在这里&#xff0c;学长分享一些关于网络安全(信息安全)毕业设计选题的内容。 以下为…

2023人工智能全景报告《State of AI Report》出炉!AI未来一年的10大预测:GPT-4仍是全球最强,GenAI 大爆发,...

文章目录 2023 人工智能全景报告《State of AI Report》出炉&#xff01;给出AI未来一年的10大预测&#xff0c;GPT-4仍是全球最强&#xff0c;GenAI 大爆发&#xff0c;...1. 研究进展1.1 GPT-4仍是全球最强1.2 闭源模型趋于技术封闭&#xff0c;开源模型紧追不舍1.3 小模型的…

日常中msvcr120.dll丢失怎么解决?有效的5个解决方法分享

在我日常的计算机维护和故障排除中&#xff0c;我经常会遇到一些常见的问题&#xff0c;其中之一就是“msvcr120.dll丢失”。这是一个非常常见的错误&#xff0c;通常出现在运行某些程序或游戏时。这个问题可能会对用户的电脑操作造成不便&#xff0c;甚至导致一些重要的应用程…

风力发电场安科瑞集中监控系统解决方案

安科瑞 崔丽洁 风力发电场集中监控系统解决方案 作为清洁能源之一&#xff0c;风力发电场近几年装机容量快速增长。8月17日&#xff0c;国家能源局发布1-7月份全国电力工业统计数据。截至7月底&#xff0c;全国累计发电装机容量约27.4亿千瓦&#xff0c;同比增长11.5%。其中&am…

1024程序员节特辑 | ELK+ 用户画像构建个性化推荐引擎,智能实现“千人千面”

专栏集锦&#xff0c;赶紧收藏以备不时之需 Spring Cloud实战专栏&#xff1a;https://blog.csdn.net/superdangbo/category_9270827.html Python 实战专栏&#xff1a;https://blog.csdn.net/superdangbo/category_9271194.html Logback 详解专栏&#xff1a;https://blog.…

Mac苹果电脑开不了机怎么办,该怎么修复

台式机Mac或MacBook无法打开&#xff0c;或者可能无法通过Apple图标启动&#xff1f;不用担心&#xff0c;虽然会让人烦躁不安&#xff0c;但通常是可以修复的。 以下就是重新启动Mac所需的所有步骤。只需按顺序进行操作即可&#xff0c;除非操作系统更新失败后Mac无法启动。在…

[1024]程序员节 一晃6年过去了

加入开发者大军&#xff0c;一晃已是6年有余&#xff0c;从最初的Andoird开发如火如荼&#xff0c;到现在的秋风萧瑟&#xff0c;宛如被秋风吹得只剩躯干的树木&#xff0c;等待来年的焕发新芽。 我本不是一个科班出身的开发者&#xff0c;但是为了生活&#xff0c;说白了为了钱…

macos平台好用的FTP客户端 Transmit 5最新中文

Transmit 5是一款Mac平台上的FTP(文件传输协议)客户端软件&#xff0c;它可以让用户方便地在不同的计算机之间传输文件&#xff0c;例如从本地计算机上传或下载文件到远程服务器。以下是Transmit 5的一些主要功能和特点&#xff1a; 用户友好的界面&#xff1a;Transmit 5具有…

英语——分享篇——每日200词——1401-1600

1401——willing——[wɪlɪŋ]——adj.乐意的&#xff0c;自愿的——willing——will意志(熟词)ing鹰(谐音)——这只意志力强的鹰乐意帮助别人——Im perfectly willing to discuss the problem.——我十分乐意讨论这个问题。 1402——otherwise——[ʌəwaɪz]——conj.否则&…

KT6368A的封装怎么画 原理图怎么画 资料怎么看 怎么下载呢

一、简介 KT6368A的封装怎么画 原理图怎么画 资料怎么看 怎么下载呢 也有好几个客户问我们这样的问题&#xff0c;实在是太难了 但是没办法&#xff0c;客户就是上帝&#xff0c;也只能选择认真的回答&#xff0c; 这里对这类型的问题进行统一精细化回复&#xff0c;高手请…

一个三年女软件测试的成长之路

如果你恰好刚刚进入一家新公司&#xff0c;领导一上来就让你开展自动化测试&#xff0c;作为一名初出茅庐的测试新人&#xff0c;除了手足无措&#xff0c;你只能默默慨叹自己能力尚欠&#xff0c;眼前只会出现一个又一个无从下手的问题&#xff1a; 作为手工测试&#xff0c;…

悟空crm“您提供的密钥不是有效的百度LBS开放平台密钥,或此密钥未对本应用的百度地图JavaScriptAPI授权“问题处理办法

点击悟空crm&#xff0c;创建客户的时候系统提示&#xff1a; 悟空crm 您提供的密钥不是有效的百度LBS开放平台密钥&#xff0c;或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥&#xff1a;http://lbsyun.baidu.com/apiconsole/…

通过内网穿透技术实现USB设备共享(USB Redirector)逆向共享

文章目录 前言1. 安装下载软件1.1 内网安装使用USB Redirector1.2 下载安装cpolar内网穿透 2. 完成USB Redirector服务端和客户端映射连接3. 设置固定的公网地址 前言 USB Redirector是一款方便易用的USB设备共享服务应用程序&#xff0c;它提供了共享和访问本地或互联网上的U…