json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值

简介: 原文:json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值主要内容: 一、json相关概念 二、json字符串转换成json对象 (字符串-->JSON对象) 三、json对象转换成字符串(json对象-->字符串) 四、将值转换成字符串(值-->字符串) 五、字符串转成值(字符串-->值)   同步的交流学习社区:http://www.mwcxs.top/page/425.html 一、json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式。
原文: json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值

主要内容:

一、json相关概念

二、json字符串转换成json对象 (字符串-->JSON对象)

三、json对象转换成字符串(json对象-->字符串)

四、将值转换成字符串(值-->字符串)

五、字符串转成值(字符串-->值)

 

同步的交流学习社区:http://www.mwcxs.top/page/425.html

一、json相关概念

json,全称为javascript object notation,是一种轻量级的数据交互格式。采用完全独立于语言的文本格式,是一种理想的数据交换格式。

同时,json是javascript是原生格式,所以javascript操作处理json不需要任何包,api,任何依赖。

json中有两个结构:(1)数组(2)对象

(1)什么是数组

数组就是以"["开始,以“]”结束的,值之间运用 “,”(逗号)分隔。

比如:

[{
        "key": "test1",
        "value": 123,
        "type": "number",
        "required": "true",
        "description": "字段描述2",
        "children": []
    }, {
        "key": "test2",
        "value": 345,
        "type": "boolean",
        "required": "true",
        "description": "字段描述4",
        "children": []
    }]

children是一个数组,数组里有两个值,值也就是一个对象。

 

(2)什么是对象

对象就是以“{”开始,以“}”结束的,后边跟着每一对键值,键与值之间使用冒号分隔开。如果值是字符,则必须用引号,数值型则不须要。

{
        "key": "test1",
        "value": 123,
        "type": "number",
        "required": "true",
        "description": "字段描述2",
        "children": []
    }

在数据传输中,json是以文本,即字符串的形式传递的,而js操作json对象,所以json对象和json字符串之间的转换是关键。

 

(3)字符串和json对象栗子

json字符串

var str1 = '{
        "key": "test1",
        "value": 123,
        "type": "number",
        "required": "true",
        "description": "字段描述2",
        "children": []
    }'

就是在对象的基础上前后加上‘,’。

 

json对象:

var str2 = {
        "key": "test1",
        "value": 123,
        "type": "number",
        "required": "true",
        "description": "字段描述2",
        "children": []
    }

 

二、json字符串转换成json对象 (字符串-->JSON对象)

方法有三种:转换函数,jq的转换函数,eval()方法

方法1--转换函数:JSON.parse()方法

var a = '{"a":2}';
JSON.parse(a);  //{a:2}

注意:IE8(兼容模式)ok,但是IE6和IE7没有JSON对象,需要额外引入json.js或者json2.js。

方法2:parseJSON()方法  ,将字符串转换成非字符串

用的是jquery的插件

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象

反过来,使用 serialize 系列方法:如:var fields = $("select, :radio").serializeArray();

方法3:eval()方法

eval()函数可计算某一个字符串,并执行其中的javascript代码。

var s = '{a:2}';
eval('(' + s + ')'); //将json字符串转成json对象,需要在字符串外包裹一对括号(),   {a:2}

 

注意事项:IE8(兼容模式),IE7和IE6也可以使用eval()方法将字符串转成json对象,但是不推荐使用,因为这种方式不安全eval会执行接送字符串的表达式.

图中a的值对应的是表达式2+4,当执行eval()方法时候,已经把表达式的值计算出来了,值为6。 

 

三、json对象转换成字符串(json对象-->字符串)

方法--转换函数:JSON.stringify()方法 ,将非字符串转成字符串。

var s = {'a':2};
JSON.stringify(s);  //"{"a":2}"

 

 四、将值转换成字符串(值-->字符串)

方法有三种:转换函数toString(),弱类型转换,强制类型转换

方法1--转换函数:value.toString()    将数值转成对应进制的字符串

var n =8;
n.toString(几进制);

注意:不能将null和undefined转换成字符串 

 

方法2--弱类型转换:value + ''    将值转换成字符串

2+ ''

注意:使用加法运算法,配合一个空的字符串,缺点是可读性差

 

方法3--强制类型转换:String(value)

String(2)

 

 五、字符串转成值(字符串-->值)

方法有三种:转换函数,强制类型转换,js变量弱类型转换

在js读取文本框或者其它表单数据的时候获得的值是字符串类型的。

方法1--转换函数:parseInt()和parseFloat()

parseInt("1234blue");   //returns 1234
parseInt("22.5");     //returns 22
parseInt("blue");    //returns NaN
parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseFloat("1234blue");   //returns 1234.0
parseFloat("22.5");      //returns 22.5
parseFloat("blue");     //returns NaN

 

方法2--强制类型转换

Number(value)——把给定的值转换成数字(可以是整数或浮点数);

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN

 

方法3--js弱类型转换

var str= '012.345 ';
var x = str-0;      //输出12.345

先看一下上面的例子,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的;

 

PS:小数的四舍五入

1、四舍五入

var num =2.4492425542;  
num = num.toFixed(2); // 输出结果为 2.45 

2、不四舍五入

把小数变成整数

Math.floor(15.7784514000 * 100) / 100   // 输出结果为 15.77  

当成字符串,使用正则匹配

Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))    
// 输出结果为 15.77,不能用于整数如 10 必须写为10.0000  

注意:如果是负数,请先转换为正数再计算,最后转回负数

 

目录
相关文章
|
3月前
|
Web App开发 JSON JavaScript
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
29 0
|
4月前
|
JSON 应用服务中间件 nginx
钉钉获取用户token返回的body为空json对象,可能有以下几种情况
钉钉获取用户token返回的body为空json对象,可能有以下几种情况【1月更文挑战第5天】【1月更文挑战第25篇】
35 5
|
2月前
|
存储 JSON 安全
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
71 0
|
2月前
|
存储 JSON JavaScript
Python字典和JSON字符串相互转化方法
【2月更文挑战第18天】
64 3
|
12天前
|
存储 JSON DataWorks
DataWorks产品使用合集之DataWorks将 MongoDB 中的数组类型写入到 DataWorks 的单个字段时,表示为字符串格式而非 JSON 格式如何解决
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
25 3
|
12天前
|
JSON 分布式计算 大数据
MaxCompute产品使用合集之大数据计算MaxCompute 要提取JSON字符串中的所有key-value对,我该怎么操作
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
|
20天前
|
JSON 运维 Kubernetes
云效产品使用报错问题之流水线中配置了AppStack,构建时下载的制品内容为json字符串,如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
25天前
|
JSON 数据格式 Python
py如何把字符串转出json
py如何把字符串转出json
7 0
|
1月前
|
JSON C语言 数据格式
C语言与lua通过json对象交互
C语言与lua通过json对象交互
18 1
|
1月前
|
JSON 数据格式
Json字符串与QVariantList 对象相互转换
Json字符串与QVariantList 对象相互转换
10 0