多语言展示
当前在线:1343今日阅读:183今日分享:19

如何使用JS(JavaScript)解析json数据和字符串

在我们前台开发的过程当中,通常都会使用到对json格式的字符串的解析工作,解析json格式的数据或者字符串的工作,一般都在我们的JavaScript也就是JS中进行,那么如何巧妙地使用js来处理json格式可能很复杂的字符串呢,下面就让我给大家介绍一下基本的json字符串的解析操作吧。
工具/原料
1

eclipse 2017

2

完整的java web前端(有连接数据库的后端更佳)

方法/步骤
1

处理json格式一直都是一个难题,纯字符串的操作比较复杂,但是对于任何的格式都可以起到效果,在此不多做介绍,我们这里主要做的是比较实用化的处理json格式数据以及字符串的方法,那么,话不多说,就让我们来看一下处理的方法吧!

2

首先是我们的JSON.parse()方法,这个方法在我们的JS中是一个自带的方法,作用是把我们的JSON格式的字符串转化为一个JavaScript对象,也就是object,但是在转化之前,要求这个JSON的格式必须是标准格式的JSON字符串,否则就会解析失败,调用的方法就直接采用obj.a这样的方法进行调用,很简单。

3

其次就是我们的JSON.stringify()方法,这个方法和上面一个方法类似,都是我们的JS自带的函数,这个函鉴丽数的作用是把一个JSON对象转化为字符串的格式,接下来我们就可以对这个字符串做我们想要的操冷屈作了。

4

接下来我们来讲一下比较进阶的方法把,首先我们先使用我们的JSON.stringify()方法将我们所传递的json对象转化为字符串的形式alert出来,如下图所示:

5

我们可以看到,我们上面是一个对象数组,抬头的名称为girl,因此我们需要使用data.girl的方法,使得我们可以获取girl以内的数据,如下图所示:

6

我们现在已经获取了一行行的json格式的字符串了,也可以说这就是一个json单元的数组,我们如果像将其分开,比如我们要获取这个的第一个大括号以内的内容,则可以直接采用data.girl[0]这样的操作来获取,如下攀吐伟图所示:

7

最后,我们就要获取比如这一行中的属性了,例如我们想要获取name的具体的参数,那么这个时候,我们只需要在data.girl[0]这个基础上,再加上.name,业绩是data.girl[0].name,就可以获取我们需要的name的具体的值了,是不是很简单呢?

注意事项
1

在我们使用JSON.xxxx这样的函数的时候,务必确保我们操作的是一个JSON对象,满足格式要求

2

个人不推荐使用JSON.xxxx这样的函数来操作我们的json,因为JSON.parse()内是含有eval函数的,可能会导致效率降低甚至有被黑客攻击的潜在可能

推荐信息