Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >js如何将json字符串转成json对象_前端json字符串转json对象

js如何将json字符串转成json对象_前端json字符串转json对象

作者头像
全栈程序员站长
发布于 2022-11-08 09:25:25
发布于 2022-11-08 09:25:25
9.8K00
代码可运行
举报
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var data = [{
    "id": 1,
    "startTime": "2017-12-12 10:36:50",
    "endTime": "2018-02-02 00:00:00",
    "value": "0.26",
    "jobCode": "zd_test_02_171212103650",
    "status": "正常",
    "machCode": 1
},
{
    "id": 2,
    "startTime": "2018-01-03 00:00:00",
    "endTime": "2018-01-12 00:00:00",
    "value": "0.66",
    "jobCode": "close_test_05_171212103622",
    "status": "调机",
    "machCode": 3
},
{
    "id": 3,
    "startTime": "2018-01-01 00:00:00",
    "endTime": "2018-01-22 00:00:00",
    "value": "0.76",
    "jobCode": "close_test_06_171212103603",
    "status": "修机",
    "machCode": 4
},
{
    "id": 4,
    "startTime": "2018-01-05 00:00:00",
    "endTime": "2018-01-16 00:00:00",
    "value": "0.36",
    "jobCode": "fms_test4_6_171212103510",
    "status": "待机",
    "machCode": 5
},
{
    "id": 5,
    "startTime": "2018-01-08 00:00:00",
    "endTime": "2018-01-29 00:00:00",
    "value": "0.96",
    "jobCode": "zd_test_02_171115174821",
    "status": "修模",
    "machCode": 6
}];
var groups_code = '';
for (var i = 0; i < data.length; i++) {
    groups_code = groups_code + '{"content":"' + data[i].machCode + '","id":"' + data[i].jobCode + '" ,"className":"openwheel"}' + ','
}
//去除最后一个逗号
groups_code = groups_code.substring(0, groups_code.length - 1);

groups_code = '[' + groups_code + ']';
//将json 字符串转成json对象
var obj_groups = JSON.parse(groups_code);

例如:

JSON字符串: var str1 = ‘{ “name”: “cxh”, “sex”: “man” }’; JSON对象: var str2 = { “name”: “cxh”, “sex”: “man” };

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval(‘(‘ + str + ‘)’);

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

点击创业

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/185096.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月7日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Json对象与Json字符串互转(4种转换方式)
  $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
李才哥
2019/07/10
14.7K0
Json对象与Json字符串互转(4种转换方式)
json字符串转换成对象有哪几种方法_jsonstring转对象
#####1. 将json字符串转化为json对象 a. 方案一:jquery自带的**$.parseJSON**函数
全栈程序员站长
2022/09/27
1.8K0
java对象与json对象间的相互转换
JSONObject jsonObject = JSONObject.fromObject(jsonStr);
ZhangXianSheng
2019/05/28
2.6K0
java字符串转换为json对象6_Json对象与Json字符串的转化、JSON字符串与Java对象的转换…
$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象
全栈程序员站长
2022/11/08
2.5K0
json字符串使用注意问题
json本身是字符串,即 json字符串 js使用 要把 json字符串 转为  javascript对象 json字符串转为js对象的方法: jquery的parseJSON var str='[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]'; var obj = $.parseJSON(str); obj即为获得js对象,则此后可以获取该js对象相关的属性值。 相关方法参考
蓓蕾心晴
2018/04/12
6930
js 将json字符串转换为json对象的方法解析
将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键 例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 一、JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象:
小柒2012
2018/04/13
9.9K0
第168天:json对象和字符串的相互转换
在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。 JSON.stringify(obj)       将JSON对象转为字符串。 JSON.parse(string)       将字符串转为JSON对象格式。
半指温柔乐
2018/09/11
1.5K0
JQuery:将文本转化成JSON对象应注意的问题
在JQuery的许多方法中,很多方法的参数可以传入一个JSON对象,比如Ajax方法的第二个参数。怎么将文本转化成JSON对象,需要注意以下问题:
雪雁-心莱科技
2018/12/27
2.3K0
Json字符串和Json对象的简单总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。经常在调用C#的WebService接口中,用它作为数据传输的格式。     简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪(稍后会看到几
用户1055830
2018/01/18
2K0
Json字符串和Json对象的简单总结
前端json对象与json字符串相互转换的方式
5. json的解析和生成 主要有两种方法 JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串
程序媛夏天
2024/01/18
2100
前端json对象与json字符串相互转换的方式
前端json字符串转json对象_list对象转json
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
4.3K0
js 二维数组 添加json数据及js数组与json字符串「建议收藏」
JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。
全栈程序员站长
2022/09/01
4.5K0
Json对象与Json字符串互转(4种转换方式)
最近有用到php的json字符串要转成js对象,以前一直用jq或者eval,又发现了其他的方法,记录下.
用户3094376
2018/09/12
1.4K0
java json对象和json字符串互转的方法_java json转字符串
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
2.3K0
jQuery.parseJSON(json)方法将字符串转换成js对象
另外,如果你什么都不传入,或者一个空字符串、null或undefined,parseJSON都会返回 null 。
全栈程序员站长
2021/12/23
2.4K0
Json对象和Json字符串的区别
​ 概念:JSON(JavaScript Object Notation)一种简单的数据格式,是一种比较轻量级的数据存储格式。
用户8870853
2021/07/27
2.3K0
js中JSON对象字符串转数组
这个数组包含在JavaScript的帮助下从JSON字符串中获得的JavaScript对象的值。解决这一问题的方法有两种:
IT工作者
2021/12/29
8.8K0
Json对象和Json字符串的区别
一、Json对象 最显著的特征:对象的值可以用 “对象.属性” 进行访问; typeOf(json对象)       ===>    Object类型 例子如下: var person={"na
跟着阿笨一起玩NET
2020/10/09
2.1K0
Json对象和Json字符串的区别
map怎么转json对象_json怎么获取map
JSON 对象保存在大括号内。就像在JavaScript中, 对象可以保存多个 键/值 对。Map对象保存键/值对,是键/值对的集合。任何值(对象或者原始值) 都可以作为一个键或一个值。Object结构提供了“字符串—值”的对应,Map结构提供了“值—值”的对应。
全栈程序员站长
2022/09/23
3.7K0
json对象与json字符串_字符数组与字符串的区别
有时候在做项目的时候时常将这两个概念弄混淆,尤其是在使用springmvc的时候,后台@RequestBody接受的是一个json格式的字符串,一定是一个字符串。 先介绍一下json对象,首先说到对象的概念,对象的属性是可以用:对象.属性进行调用的。例如:
全栈程序员站长
2022/11/08
2K0
推荐阅读
相关推荐
Json对象与Json字符串互转(4种转换方式)
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验