JS怎么把字符串转成json对象

栏目分类：前端开发    发布日期：2023-05-06    浏览次数：385次     收藏

本篇内容主要讲解“JS怎么把字符串转成json对象”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“JS怎么把字符串转成json对象”吧!

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)该参数也可以使用非数字，如： 。最大值为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) : ''