发布时间:2023-04-23 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

js 把字符串转成json对象的三种方法

不管字符串是否含有转义字符,都能转换成 Json 对象

1, js自带的eval函数,其中需要添加小括号eval('('+str+')');

function strToJson(str){
var json = eval('(' + str + ')');
return json;
}

2,new Function形式

function strToJson(str){
var json = (new Function("return " + str))();
return json;
}

3,全局的JSON对象

function strToJson(str){
return JSON.parse(str);
}

使用 这种方式限制稍微多一些,需严格遵守JSON规范,如属性都需用引号引起来,如下

var str = '{name:"jack"}';
var obj = JSON.parse(str); // --> parse error

name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。

如果字符串是 undefined 或者 '',使用上面三种方式都会报错,所以需要先特殊判断一下字符串是否是 undefined 或者空字符串,如果不是则可以使用上面的三种方式来转换,一般都是使用第一中方法,最简单。

转自:js将字符串转换成json的三种方式

javascript 把对象转换成 json 字符串

JSON.stringify

JSON.stringify 方法将某个对象转换成 JSON 字符串形式

const userInfo= {
name: 'zs',
age: 20
}
console.log(JSON.stringify(userInfo));
// {"name":"zs","age":20}

JSON.stringify 语法

语法: 可以有三个参数,第一个是传入要序列化的值,第二个为函数或者数组,第三个是文本添加缩进、空格和换行符

JSON.stringify(value, replacer, space)

value:第一个参数,将要序列后成 JSON 字符串的值。
replacer:【可选】第二个参数
(1) 如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;
(2) 如果参数是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
(3) 如果该参数为未提供或者null ,则对象所有的属性都会被序列化。
space:【可选】第三个参数,美化文本格式,文本添加缩进、空格和换行符,
(1) 如果 该参数 是一个数字,则返回值文本在每个级别缩进指定数目的空格
(2) 该参数最大值为10,如果 该参数大于 10,则文本缩进 10 个空格。
(3)该参数也可以使用非数字,如:\t。最大值为10

最多使用方式

JSON.stringify(eval(stu, null, 2)

如果想把包含转义字符的字符串转成 json 字符串

先试用 eval 把字符串转成 json 对象,然后使用 JSON.stringify 把 json 对象转成 json 字符串

JSON.stringify(eval(`(${stu})`), null, 2)

如果还需要特别判断一下空字符串,加个三目运算符就行

stu ? JSON.stringify(eval(`(${stu})`), null, 2) : ''

参考:

js将字符串转换成json的三种方式

JSON.stringify用法