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)该参数也可以使用非数字,如:\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用法

相关文章
|
1天前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
19 7
|
17小时前
|
设计模式 JavaScript 前端开发
JavaScript原型模式:实现对象共享属性和方法!
JavaScript原型模式:实现对象共享属性和方法!
|
1天前
|
JavaScript 前端开发 索引
JavaScript array 原生 reduce 方法的模拟实现
JavaScript array 原生 reduce 方法的模拟实现
8 2
|
1天前
|
JavaScript 前端开发
js用Date对象处理时间
以上就是JavaScript中Date对象处理时间的一些基本方法。
5 0
|
1天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
1天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
9 2
|
1天前
|
JavaScript 前端开发
在JavaScript中实现模块化开发有多种方法
【5月更文挑战第10天】JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
16 4
|
1天前
|
JavaScript 前端开发
JS tostring()和join()方法
JS tostring()和join()方法
8 1
|
1天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
9 0