JavaScript数组格式的数据转换为json格式数据

vue + JavaScript

把数组格式的数据转换为json格式数据

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="app"><div>{{ message }}</div><div><ul v-for="(item,index) in testData" v-bind:key="index"><li>{{item.id}}<span>:{{item.name}}</span></li></ul></div></div><script src="https://cdn.jsdelivr.net/npm/vue"></script><script>var app = new Vue({el: '#app',data: {message: 'Hello Vue!',// 获取到的数据testData: []},created() {this.getJsonData()},methods: {getJsonData: function () {var that = this;// 需要放置的数据var jsonData = ['张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力','张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力', '张三', '里斯', '王五', '效力'];let newArray = [];function fn() {let arrays = [];var data = {};for (i = 0; i < jsonData.length; i++) {var key = jsonData[i];var val = newArray[i];data[key] = val;arrays.push(data[key])}return arrays;}for (var i = 0; i < jsonData.length; i++) {let personOne = {id: i,name: jsonData[i]};// 动态生成的数据newArray.push(personOne)}console.log(fn());that.testData = fn()}}})</script><!-- <script  type="text/javascript">
var jsonData = ['张三','里斯','王五','效力','张三','里斯','王五','效力','张三','里斯','王五','效力'];
let newArray = [];function fn(){let arrays = [];var  data = {};for(i = 0;i<jsonData.length;i++){var  key = jsonData[i];var  val = newArray[i];data[key] = val;arrays.push(data[key])}return arrays;}for(var i = 0;i<jsonData.length;i++){let personOne = {id:i,name:jsonData[i]};// 动态生成的数据newArray.push(personOne)}console.log(fn()) </script> -->
</body></html>

JavaScript数组格式的数据转换为json格式数据相关推荐

[工具库]JOJSONBuilder工具类——一键把多个bean对象数据转换为JSON格式数据
本人大四即将毕业的准程序员(JavaSE.JavaEE.android等)一枚,小项目也做过一点,于是乎一时兴起就写了一些工具. 我会在本博客中陆续发布一些平时可能会用到的工具. 代码质量可能不是很好 ...
表格数据转换为json格式 python
在日常的工作学习中,特别是对于码农以及一些经常与数据打交道的朋友来说,经常需要将一些表格数据转换为json格式数据.其实对于一些少量的表格数据,可以直接利用excel的"Excel to J ...
[TimLinux] JavaScript AJAX接收到的数据转换为JSON格式
1. 接收数据 AJAX接收数据是通过xhr.responseText属性,这是一个属性不是一个方法,这个属性得到的数据为字符串. 2. 字符串内容当服务器发送的是一个JsonResponse({' ...
Python：numpy数组转换为json格式
在python中,如何将一个numpy数组转换为json格式? 这是最近遇到的一个问题,做个笔记. 假设arr为numpy数组,将其转换为json格式: 总体思想是①首先转换为python的list, ...
javascript中将字符串转换为json格式的三种方法
摘自:http://www.phpzixue.cn/detail1128.shtml javascript中将字符串转换为json格式的三种方法: json在我们js的开发过程中经常会用到像在使用a ...
python json 转csv_利用python将json数据转换为csv格式的方法
假设.json文件中存储的数据为: {"type": "Point", "link": "http://www.dianping. ...
[工具库]JOXMLBuilder工具类——一键把多个bean对象数据转换为XML格式数据
本人大四即将毕业的准程序员(JavaSE.JavaEE.android等)一枚,小项目也做过一点,于是乎一时兴起就写了一些工具. 我会在本博客中陆续发布一些平时可能会用到的工具. 代码质量可能不是很好 ...
C#——对象转换为JSON格式的字符串
问题来源这几日正值伏天,我发现成都不是下大雨就是烈日炎炎的天气.七月上旬车子也坏掉了,去南门体育管健身房要走20来分钟,再回到研究院大楼又是20多分钟,一路上不是大雨就是烈日,还好锻炼后多巴胺让我持 ...
python str转json_Python中如何将一个字符串转换为json格式呢？
摘要: 下文讲述Python中字符串转换为json格式的方法分享,如下所示: json是各大语言都支持的一个对象,在web API开发中,我们经常使用json格式进行数据传输, 那么在Python中, ...

JavaScript数组格式的数据转换为json格式数据

vue + JavaScript

把数组格式的数据转换为json格式数据

JavaScript数组格式的数据转换为json格式数据相关推荐

最新文章

热门文章