JS中对象与字符串的互相转换详解

 更新时间:2016年05月20日 09:16:44   投稿:jingxian  
下面小编就为大家带来一篇JS中对象与字符串的互相转换详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题:

throw new SyntaxError('JSON.parse');

查询资料,大概意思如下:

JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常。

即:JSON.parse(text, reviver),This method parses a JSON text to produce an object or array. t can throw a SyntaxError exception.

所以,在这里在此总结一下 JS 中对象与字符串的互相转换,因为这涉及到浏览器兼容问题。

1:jQuery插件支持的转换方式

代码如下:

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

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

2:浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器

代码如下:

JSON.parse(jsonstr); //可以将json字符串转换成json对象

JSON.stringify(jsonobj); //可以将json对象转换成json对符串

注:ie8(兼容模式),ie7和ie6没有JSON对象,需要引入 json.js 或 json2.js。

3:Javascript支持的转换方式

eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号

注:ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。

以上这篇JS中对象与字符串的互相转换详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript中遍历对象的property的3种方法介绍

    JavaScript中遍历对象的property的3种方法介绍

    这篇文章主要介绍了JavaScript中遍历对象的property的3种方法介绍,本文先是讲解了3种方法并用一张图片加深理解,然后给出代码实例,需要的朋友可以参考下
    2014-12-12
  • JS网页在线获取鼠标坐标值的方法

    JS网页在线获取鼠标坐标值的方法

    这篇文章主要介绍了JS网页在线获取鼠标坐标值的方法,涉及javascript操作页面窗口位置元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 微信小程序商城项目之淘宝分类入口(2)

    微信小程序商城项目之淘宝分类入口(2)

    这篇文章主要为大家详细介绍了微信小程序实战商城系列之淘宝分类入口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 利用prop-types第三方库对组件的props中的变量进行类型检测

    利用prop-types第三方库对组件的props中的变量进行类型检测

    本篇文章主要介绍了利用prop-types第三方库对组件的props中的变量进行类型检测的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • 微信小程序webview 脚手架使用详解

    微信小程序webview 脚手架使用详解

    这篇文章主要介绍了微信小程序webview 脚手架使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值
    2019-07-07
  • 十分钟教你上手ES2020新特性

    十分钟教你上手ES2020新特性

    这篇文章主要介绍了十分钟教你上手ES2020新特性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • JS判断数组那点事

    JS判断数组那点事

    在面试过程中经常被面试官问到这样的题目:如何判断数组?下面小编就针对这个问题给大家收集整理了份资料,感兴趣的朋友一起看看吧
    2017-10-10
  • KnockoutJS 3.X API 第四章之事件event绑定

    KnockoutJS 3.X API 第四章之事件event绑定

    event绑定即为事件绑定,即当触发相关DOM事件的时候回调函数,这篇文章主要介绍了KnockoutJS 3.X API 第四章之事件event绑定的相关知识,感兴趣的朋友一起看看吧
    2016-10-10
  • js实现踩五彩块游戏

    js实现踩五彩块游戏

    这篇文章主要为大家详细介绍了js实现踩五彩块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js 弹出对话框(遮罩)透明,可拖动的简单实例

    js 弹出对话框(遮罩)透明,可拖动的简单实例

    下面小编就为大家带来一篇js 弹出对话框(遮罩)透明,可拖动的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07

最新评论