js中的 json和eval函数

最新推荐文章于 2024-03-11 18:37:19 发布
最新推荐文章于 2024-03-11 18:37:19 发布
阅读量2.4k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36744553/article/details/114985663
版权

JSON 和 eval 函数

感谢:尚硅谷李立超老师的讲解

JSON 是什么?

JSON就是一个特殊格式的字符串 ,这个字符串可以被任意语言识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互

JSON和js对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和js的语法一致

//js对象
var obj = {
	name:"孙悟空",
    age:28,
    gender:"男"
}

//js的属性类型都是string类型的,同时去掉空格和换行,所以改写为
var obj = {"name":"孙悟空","age":28,"gender":"男"}

//JSON格式就是:原来的js对象加上引号,转成的特殊字符串
var obj = '{"name":"孙悟空","age":28,"gender":"男"}'

JSON的分类

  • 对象{}
  • 数组[]
//json对象
var obj = '{"name":"孙悟空","age":28,"gender":"男"}';
//json数组,数组是特殊的对象
var arr = '["孙悟空",28,"男",true]';

JSON中允许的值

  • 字符串
  • 数值
  • 布尔值
  • null
  • 对象
  • 数组
//属于一个JSON对象,只是值是一个数组
var obj = '{"arr":[1,2,3]}'

//属于一个JSON数组,只是值是多个对象
var arr = '[{"name":"孙悟空","age":28,"gender":"男"},{"name":"猪八戒","age":38,"gender":"男"}]'

将JSON字符串转换为JS中的对象

js中为我们提供了一个工具类JSON,这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换为JSON

var json = '{"name":"孙悟空","age":28,"gender":"男"}';
var arr = '["孙悟空",28,"男",true]';
var o = JSON.parse(json);
var a = JSON.parse(arr);
console.log(o);
console.log(typeof o);
console.log(a);
console.log(typeof a);

在这里插入图片描述

JS对象转换为JSON字符串

var obj = {"name":"孙悟空","age":28,"gender":"男"};
var str = JSON.stringify(obj);
console.log(str);
//"{"name":"孙悟空","age":28,"gender":"男"}",控制台上输出的本来就是string所以看不出外面的引号,但是可以通过类型判断转换成了一个string字符串了
console.log(typeof str);
//string

在这里插入图片描述

JSON 这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错

eval()函数

  • eval()函数可以用来执行一段字符串形式的JS代码,并将执行结果返回
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

</head>

<body>

  <script>
    var str = 'console.log("我是eval函数");'
    eval(str);
  </script>

</body>

</html>

在这里插入图片描述

  • 如果使用eval()执行的字符串中含有{},它会将{}当成是代码块,如果不希望将其当成代码块解析,则需要在字符串前后各加一个()
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

</head>

<body>

  <script>
    var str = '{"name":"孙悟空","age":28,"gender":"男"}';
    // eval(str); 
	//报错,无法执行,将{}当成是代码块
    var obj = eval("(" + str + ")");
    console.log(obj);
	console.log(typeof obj);
  </script>

</body>

</html>

在这里插入图片描述

eval()函数功能强大,可以直接执行字符串中的js代码,但是在开发中尽量不要使用,首先它的执行性能比较差,然后它还具有安全隐患

在这里插入图片描述

IE7及以下浏览器如果需要使用JSON,又不使用eval()函数的情况下,如何兼容?

可以在index.html中引入一个外部的JS文件-json2.js ,github下载地址:https://github.com/douglascrockford/JSON-js

  1. 从github上下载了json2.js 之后,放到项目的js目录下
  2. 在index.html的头部加上<script type="text/javascript" scr="js/json2.js"></script> src为你本地json2.js的地址
marloues
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
json eval函数解析
西红柿不会炒鸡蛋的博客
07-13 909
JSON是一种存储和交换文本信息的语法,与XML类似但是他比XML更小更快更容易去解析~了解. JSON是javascript对象的表示法. JSON的值可以是:数字(整数或者浮点数),字符串(在双引号中),逻辑值(true或false),数组(放在方括号内),对象(在花括号内),null. 基本格式,示例: {"LOL":"德玛"} 等价于 "LOL" = "德玛" 这是JSON最基本的
js使用eval解析json(js中使用json)
12-10
先来说eval的用法，内容比较简单，熟悉的可以跳过eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下： 代码如下:var s1='\u201da\u201d + 2\u2032; //\u8868\u8fbe\u5f0fvar s2='{a:2}’; //语句alert(eval(s1)); //->’a2′alert(eval(s2)); //->undefinedalert(eval(‘(‘ + s2 + ‘)’)); //->[object Object]
Python处理json字符串为什么不建议使用eval()
曲鸟
10-19 8844
一、前言 最近发现一些小伙伴使用eval来处理json，而且为了能够将json成功转为字典而不报错，还写了如下的赋值操作 （因为json中空为null，假为false,真为true与Python的表达不一样，如果不进行下面代码的赋值，用eval转换就会报错）： null=None false=False true=True 其实Python的标准库中有处理json的库，就叫json，比如要把json字符串转为字典的话只需要使用json.loads这个方法就可以了；另外，eval处理json的性能也是远远
javascript中eval解析JSON字符串
数据库天地
08-09 517
先来看一个JSON字符串集 var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'A城市'}, {name:'6102',value:'B城市'}, {name:'6103',value:'C城市'}, {name:'6104',value:'D城市'}, {name:'6105'...
JS中的eval及json介绍
xiaoweids的博客
07-09 1101
转自：微点阅读 https://www.weidianyuedu.com首先声明一下，本人是JS新手，所以不敢说深入，只是把最近对eval的学习经验拿出来跟大家分享，如果您是高手可略去不看。适合读者：对JS中的eval一知半解，不知eval是如何把字符串转换为json对象的，在用eval把字符串转换为json时常遇到“missing ] after element list”错误却不知哪儿错了的朋友一、Eval介绍(这部分来自http://www.w3school.com.cn/js/jsref_eval
json中的eval函数
tianxin1122的专栏
09-29 614
Js中的eval函数 Eval()：将接字符串进行计算，返回值为计算的结果 注意：{}当做参数传递后无法得到返回值 注意使用（）构成表达式； 查询手册 转换接受数据库为JSON对象 1、   创建数据库db 2、   创建数据表tb 3、   Name字段 Ag
javascript巧用eval函数组装表单输入项为json对象的方法
10-23
在处理Web表单时，eval()函数可以用于动态地创建JavaScript对象，将用户输入的表单数据组装成JSON对象，以便于后续的处理和数据传输。本文主要介绍了使用JavaScript的eval()函数来组装表单输入项为JSON对象的方法。 ...
JavaScript数组、json对象、eval()函数用法实例分析
10-17
主要介绍了JavaScript数组、json对象、eval()函数用法,结合实例形式分析了JS数组创建、赋值、连接、翻转,json对象定义、读取,eval()函数的功能、使用等,需要的朋友可以参考下
JS中eval函数的使用示例
10-27
在JavaScript中，`eval()`函数是一个非常特殊且功能强大的工具，它能够将一个字符串作为JavaScript代码来执行。这个功能在某些情况下非常有用，但同时也带来了安全风险和性能问题。在深入探讨`eval()`的使用之前，...
JS中的eval及json
xinyuerr的博客
11-29 185
第10行呢，由于code2是一个json对象，不是一个字符串，因此eval在这里没有起作用，原样返回，所以跟第8行输出一样。ajax的返回值有些是json格式的字符串，所以要用eval("("+返回的json格式字符串+")")来转换，这样写一般是没有问题的，但现在有很多是用jquery中的ajax方法来做的，jquery的强大也让很多人在用时容易忽略一些问题，比较常见的就是contentType跟dataType，contentType与本文没什么关系，这里只说说dataType参数。
javascript eval函数解析json数据时为什么 加上圆括号
03-28 332
javascript eval函数解析json数据时为什么 加上圆括号？   var sts=eval("("+xhr.responseText+")"); 强制转化成json对象     为什么要 eval这里要添加 “("("+data+")");//”呢？   原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，...
Js中把JSON字符串转换为JSON对象(eval()、new Function())
weixin_33721427的博客
03-15 207
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。  第一种解析方式：使用eval函数来解析，并且使用jQuery的each方法来遍历 用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象，jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字...
JSON.parse() 和 eval() 方法
最新发布
qq_61818443的博客
03-11 755
在上面的例子中，JSON.parse() 用于解析 JSON 格式的字符串，而 eval() 用于执行包含 JSON 数据的字符串。值得注意的是，在使用 eval() 时，需要将 JSON 字符串用括号括起来，以避免语法错误。JSON.parse() 和 eval() 方法都可以用于将字符串转换为 JavaScript 对象，但它们之间有一些重要的区别。
JS 解析json eval
10-10 747
今天朋友问传参的问题，工作原因 3年没碰了早忘记了= = ， 给他解决自己再记录一下 var jsonObj = {"a":1,"b":2,"c":3}; 1. getJson('age'); function getJson(key){ //使用eval方法 var eValue=eval('jsonObj.'+key); aler...
javascript eval() json
知其所以然
11-19 777
今天学习json的时候遇到了一点问题，是关于在用eval对json进行运算的时候，eval（）能够作为一种解析json数据的方法，但是不 推荐使用，因为javascript有其他的方法他进行解析，所以一般用专门的方法比较合适。 下面就对eval函数进行一个简单的说明，eval函数能够将传入其中的字符串解析成javascript代码执行，在遇到json的数据格式时，比如var  jsonstr=
javascript eval和JSON之间的联系
lchyz89的专栏
06-26 461
eval和JSON 由于Ajax的兴起，JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来，进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号： var jsonObject = eval("(" + jsonFormat + "
js eval函数读取json
05-02
可以使用eval函数读取JSON数据，但是这种方式不够安全，因为它允许执行任意的JavaScript代码。更好的做法是使用JSON.parse()函数来解析JSON数据，这种方式更安全且更可靠。 下面是使用eval函数读取JSON的示例代码： ```javascript var jsonString = '{"name": "John", "age": 30, "city": "New York"}'; var jsonData = eval('(' + jsonString + ')'); ``` 在这个例子中，我们首先定义了一个包含JSON字符串的变量jsonString。然后使用eval函数将它转换成JavaScript对象。注意，我们在eval函数的参数中使用了圆括号，这是为了避免语法错误。 更好的做法是使用JSON.parse()函数，示例代码如下： ```javascript var jsonString = '{"name": "John", "age": 30, "city": "New York"}'; var jsonData = JSON.parse(jsonString); ``` 在这个例子中，我们使用JSON.parse()函数将JSON字符串转换成JavaScript对象。这种方式更安全，因为它只解析JSON数据，而不允许执行任意的JavaScript代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值