前端学习— “JSON语法及使用”

最新推荐文章于 2023-02-28 23:36:41 发布

王祺灏

最新推荐文章于 2023-02-28 23:36:41 发布

阅读量241

点赞数 2

分类专栏：前端文章标签： json javascript

原文链接：https://www.w3school.com.cn/json/index.asp

版权

前端专栏收录该内容

20 篇文章 2 订阅

订阅专栏

一、什么是JSON？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
JSON 是轻量级的文本数据交换格式
JSON 独立于语言
JSON 具有自我描述性，更易理解

JSON实例：

<html>
<body>
<h2>在 JavaScript 中创建 JSON 对象</h2>

<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>

<script type="text/javascript">
//使用JSON创建对象
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>

</body>
</html>

二、JSON数组和JSON对象

1.JSON 数组
JSON 数组在方括号中书写：
数组可包含多个对象：

{
 "employees": [
  { "firstName":"John" , "lastName":"Doe" },
  { "firstName":"Anna" , "lastName":"Smith" },
  { "firstName":"Peter" , "lastName":"Jones" }
 ]
}

在上面的例子中，对象 “employees” 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。

2.JSON对象
JSON 对象在花括号中书写：
对象可以包含多个名称/值对：

 { 
  "firstName":"John" ,
  "lastName":"Doe" 
  }

三、JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];

可以像这样访问 JavaScript 对象数组中的第一项：

employees[0].lastName;

可以像这样修改数据：

employees[0].lastName = "Jobs";

四、JSON 实例 - 来自字符串的对象

1.创建包含 JSON 语法的 JavaScript 字符串：

var txt = '{ "employees" : [
' +'{ "firstName":"Bill" , "lastName":"Gates" },
' +'{ "firstName":"George" , "lastName":"Bush" },
' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]
}';

注意：上述代码把JSON格式对象改造成字符串形式，即txt变量是一个字符串，之后通过 eval()函数 把该字符串解析成JavaScript对象，并使用。
2.在网页中使用 JavaScript 对象：

var obj = eval ("(" + txt + ")");

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误。

(更多有关eval()函数知识：https://www.jb51.net/article/21688.htm)

王祺灏

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习— “JSON语法及使用”

一、什么是JSON？JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言JSON 具有自我描述性，更易理解JSON实例：<html><body><h2>在 JavaScript 中创建 JSON 对象</h2><p>Name: <span id="jname"></span><br /&g
复制链接

扫一扫

专栏目录