JSON实例操作

最新推荐文章于 2025-10-01 20:33:05 发布

原创

最新推荐文章于 2025-10-01 20:33:05 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #前端

什么是 JSON ？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）。
JSON 是轻量级的文本数据交换格式。
JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
JSON 具有自我描述性，更易理解。

JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。

JSON - 简介

<h2>JavaScript 创建 JSON 对象</h2>
<p>
网站名称: <span id="jname"></span><br /> 
网站地址: <span id="jurl"></span><br /> 
网站 slogan: <span id="jslogan"></span><br /> 
</p>

<script>
var JSONObject= {
   
   
    "name":"百度",
    "url":"www.baidu.com", 
    "slogan":"学的不仅是技术，更是梦想！"
};               //  var JSONobject
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>

在这里插入图片描述

使用 XML
读取 XML 文档
使用 XML DOM 来循环遍历文档
读取值并存储在变量中
使用 JSON
读取 JSON 字符串
用 eval() 处理 JSON 字符串

JSON 语法💥

//JSON 名称/值对
"name" : "菜鸟教程"
name = "菜鸟教程"

//JSON 数字
{
   
    "age":30 }

//JSON 对象
{
   
    "name":"菜鸟教程" , "url":"www.runoob.com" }
name = "菜鸟教程"
url = "www.runoob.com"

//JSON 数组
{
   
   
    "sites": [
        {
   
    "name":"菜鸟教程" , "url":"www.runoob.com" }, 
        {
   
    "name":"google" , "url":"www.google.com" }, 
        {
   
    "name":"微博" , "url":"www.weibo.com" }
    ]
}

//JSON 布尔值
{
   
    "flag":true }
{
   
    "runoob":null }

JSON 使用 JavaScript 语法

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

<h2>JavaScript 创建 JSON 对象</h2>
<p>第一个网站名称:

最低0.47元/天解锁文章