js字符串转json的三种简单方法举例

 更新时间:2024年04月15日 10:41:01   作者:西晋的no1  
在很多时候我们都需要将数据转换为JSON的格式去进行请求,下面这篇文章主要给大家介绍了关于js字符串转json的三种简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下

1.eval方式解析

function strToJson(str){

var json = eval("(" + str + ")");

return json;

}

console.log(strToJson("{'int':1, 'string':'demo'}"));

运行截图:

注: 记得别忘了str两旁的小括号。

永远不要使用 eval !!!

eval() 是一个危险的函数, 它使用与调用者相同的权限执行代码。如果你用 eval() 运行的字符串代码被恶意方(不怀好意的人)修改,您最终可能会在您的网页/扩展程序的权限下,在用户计算机上运行恶意代码。更重要的是,第三方代码可以看到某一个 eval() 被调用时的作用域,这也有可能导致一些不同方式的攻击。相似的 Function 就不容易被攻击

2.new Function形式

function strToJson(str){

var json = (new Function("return " + str))();

return json;

}

console.log(strToJson("{'int':1, 'string':'demo'}"));

运行截图:

3.使用全局的JSON对象

function strToJson(str){

return JSON.parse(str);

}

console.log(strToJson('{"int":1, "string":"demo"}'));

运行截图:

注: 单引号,双引号的位置。 使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来。

总结

到此这篇关于js字符串转json的三种简单方法的文章就介绍到这了,更多相关js字符串转json内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS 实现随机验证码功能

    JS 实现随机验证码功能

    验证码验证是网页常出现的一个验证点,所谓验证码类型有很多,下面代码只是实现一个简单的验证功能,需要的朋友参考下
    2017-02-02
  • JS中getElementsByClassName与classList兼容性问题解决方案分析

    JS中getElementsByClassName与classList兼容性问题解决方案分析

    这篇文章主要介绍了JS中getElementsByClassName与classList兼容性问题解决方案,结合实例形式分析了getElementsByClassName与classList的使用方法、原理及兼容性问题的处理技巧,需要的朋友可以参考下
    2019-08-08
  • firefox下input type="file"的size是多大

    firefox下input type="file"的size是多大

    firefox对type="file" 的input的width定义目前是不支持的,但是FF支持size属性,可以给size设置一个值,来控制上传框的大小
    2011-10-10
  • js实现图片查看器

    js实现图片查看器

    这篇文章主要为大家详细介绍了js实现图片查看器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js滚动条回到顶部的代码

    js滚动条回到顶部的代码

    js滚动条回到顶部的代码,里面的js代码比较简单,很适合学习。
    2011-12-12
  • js中同步与异步处理的方法和区别总结

    js中同步与异步处理的方法和区别总结

    若要在使用ajax请求后处理发送请求返回的结果,最好使用同步请求,下面为大家介绍下js中同步与异步处理的方法和区别,感兴趣的朋友不要错过
    2013-12-12
  • 前端包管理器深度对比(npm 、pnpm和Yarn)

    前端包管理器深度对比(npm 、pnpm和Yarn)

    在JavaScript的世界中,包管理器是一个重要的工具,它帮助我们管理、安装和升级项目的依赖,这篇文章主要介绍了前端包管理器对比(npm 、pnpm和Yarn)的相关资料,需要的朋友可以参考下
    2025-09-09
  • 原生javascript实现拖动元素示例代码

    原生javascript实现拖动元素示例代码

    首先改变被拖动元素的布局属性,接着捕捉鼠标事件,当触发mousedown时,记录下当前鼠标在元素中的相对位置,接着处理mousemove事件
    2014-09-09
  • Javascript的常规数组和关联数组对比小结

    Javascript的常规数组和关联数组对比小结

    关联数组虽然可以用字符串作下标,但是这个下标是不支持参数传值的,换言之,你需要什么就取什么,听起来很智能,实际上你取值仍然需要你手动去写下标的
    2012-05-05
  • fingerprint.js的安装及基本使用方法

    fingerprint.js的安装及基本使用方法

    FingerprintJS是基于JS的浏览器指纹库,通过采集设备属性生成唯一用户标识,这篇文章主要介绍了fingerprint.js的安装及基本使用方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-06-06

最新评论