JSON简单入门

最新推荐文章于 2024-07-29 23:05:02 发布
最新推荐文章于 2024-07-29 23:05:02 发布
阅读量330 收藏 2
点赞数
文章标签： json function javascript object api null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangkang514/article/details/7302268
版权
 

 

1、json（javascript Object Notation）一种简单的数据格式，比xml更轻巧。Json是jabascript原生格式，着一位着在javascript中处理json数据不需要任何特殊的API或者工具包。

2、Json的规则很简单：对象是一个无序的“‘名称/值’对”集合，一个对象以“{”开始“}”结束，每个“名称”后跟一个“：”；“‘名称/值’对”之间使用“，”分隔。

对象案例：

案例一、对象的创建和使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>example05.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  

  <body>

    This is my HTML page. <br>

  </body>

</html>

<script type="text/javascript">

<!--

window.onload = function(){

//对象声明

var stu = {

name:"lk",

sex:"男",

age:"24",

salary:"0"

}

alert("学生的名称"+stu.name);

}

//-->

</script>

案例二、方法的调用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>example05.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  

  <body>

    This is my HTML page. <br>

  </body>

</html>

<script type="text/javascript">

<!--

window.onload = function(){

//对象声明

var stu = {

name:"lk",

sex:"男",

age:"24",

toStrin:function(){

alert("学员的名称"+this.name+"学员的性别"+this.sex+"学员的年龄"+this.age+"学员的薪资"+this.salary);

}

}

stu.toStrin();

}

//-->

</script>

集合案例：

案例一、集合的声明和使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>example05.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  

  <body>

    This is my HTML page. <br>

  </body>

</html>

<script type="text/javascript">

<!--

var stus = [

{

name:"lk",

sex:"男",

age:"24",

toStrin:function(){

alert("学员的名称"+this.name+"学员的性别"+this.sex+"学员的年龄"+this.age+"学员的薪资"+this.salary);

}

},{

name:"lksdf",

sex:"男",

age:"24",

toStrin:function(){

alert("学员的名称"+this.name+"学员的性别"+this.sex+"学员的年龄"+this.age+"学员的薪资"+this.salary);

}

},{

name:"lkasdljf",

sex:"男",

age:"24",

toStrin:function(){

alert("学员的名称"+this.name+"学员的性别"+this.sex+"学员的年龄"+this.age+"学员的薪资"+this.salary);

}

}, {

name:"lksdf",

sex:"男",

age:"24",

toStrin:function(){

alert("学员的名称"+this.name+"学员的性别"+this.sex+"学员的年龄"+this.age+"学员的薪资"+this.salary);

}

}

]

for(i=0;i<stus.length;i++){

alert(stus[i].toStrin());

}

//-->

</script>

Json的规则如下：

1）映射用冒号（“：”）表示。名称：值

2）并列的数据之间用都好（“，”）分隔。名称1：值1，名称2：值2

3）映射的集合（对象）用大括号（“{}”）表示。{名称1：值1，名称2：值2}

4）并列数据的集合（数组）用方括号表示

[{名称1：值，名称2：值}，{名称1：值，名称2：值2}]

元素值可具有的类型：S他ring，number,object,arra,false,null

梁康
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSON的简单实例
qq_40509039的博客
10-12 923
 　JSON全称是JavaScript Object Notation(JavaScript对象表示法)，是一种存储与交换文本信息的语法，类似与XML，但 比 XML 更小、更快，更易解析。 理论就不多说了，直接上代码 &amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt; &amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt
JSON的底层实现
Love_MinJuan的博客
05-26 1203
JSON（JavaScript Object Notation(JavaScript对象表示法)） JSON是存储和交换文本信息的语法，类似于XML，但比XML更小、更快、更易解析 作用：将Java对象转换为特殊格式的字符串（JSON串），主要用于与前端页面的交互 逻辑：Java — JSON — JS 种类： gson为google研发的产品，主要用于Android和Java交互 JackSon为SpringMVC的产品，SpringMVC默认的JSON处理方法 FastJSON为alibaba
thinkphp5 把数据转换成json格式
热门推荐
Yangliwei的博客
08-05 1万+
首先从数据库读数据，然后调用list_to_tree方法，再调用findchild方法，最后输出 $category = DB::name('Category'); $category_list = $category-&gt;select(); $data=$this-&gt;list_to_tree($category_list,'category_id'...
JSON基础入门
m0_74676415的博客
04-15 1717
JSON文件乍一看很复杂，但只要注意以下几点就可以分析出JSON数据内容。首先注意以下符号的含义：：用于分隔数据的“名”和“值”{} 标注对象内容[]标注数组内容，分隔数据、对象和数组最关键的点：1、对象用于存放数据（名值对）。2、对象不能直接存放对象或数组。3、数组存放元素有序号（序号起始值0）。4、数组不能直接存放数据（名值对）。JSON（JavaScript Object Notation）具有以下主要作用：1. **数据交换**：JSON常被用于在不同系统之间进行数据交换。
JSON 入门指南
03-24
JSON 入门指南 JSON即JavaScript Object Notation，它是一种轻量级的数据交换格式，非常适合服务器与JavaScript的交互。 尽管有许多宣传关于XML如何拥有跨平台，跨语言的优势，然而，除非应用于Web Services，否则...
json入门教程.docx
06-07
下面是一个简单的JSON对象示例： json { "name": "John", "age": 30, "isStudent": false, "hobbies": ["reading", "traveling", "photography"], "address": { "city": "New York", "zipCode": "10001" } ...
javascript JSON操作入门实例
10-29
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
JSON 入门教程基础篇 json入门学习笔记
10-14
JSON格式简单易读，易于人理解和编写，同时也方便机器解析和生成。 在JSON中，数据以键值对（key-value pairs）的形式存储，类似于JavaScript的对象字面量表示。一个JSON对象以大括号 `{}` 包裹，其中每个键值对由...
json入门&示例.zip
02-22
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，被广泛用于Web应用程序之间传递数据。它基于JavaScript的一个...通过阅读《json入门&示例.docx》文档，你可以深入学习JSON的更多细节和实际应用示例。
Cannot find module ‘html-webpack-plugin
qq_43071699的博客
07-26 408
安装。在Webpack配置文件中正确引用。清除缓存并重新安装依赖（如果需要）。确保Webpack版本与兼容。检查文件。按照这些步骤操作，你应该能够解决的问题。如果问题仍然存在，请提供更多信息，以便进一步诊断。
Hutool——发送http请求案例
专注写bug
07-29 396
在实际开发过程中，微服务环境下往往采取openfeign实现服务与服务之间的请求调用。但有时候需要调用第三方API的情况，虽然在spring boot 框架中提供了请求模板，但这个不怎么好用。市面上支持http调用的框架技术很多，比如okhttp等。本篇文章重点说明Hutool给我们封装的请求方法类。/*** 调用post 接口发送get请求* @return。
深入解析 Jackson 的 @JsonProperty 注解
一起coding，一起嗨。
07-29 257
深入解析 Jackson 的 @JsonProperty 注解
PyCharm 常用 的插件
u013934107的博客
07-27 170
PyCharm 常用 的插件
微信小程序教程002：代码结构介绍和新建小程序页面
WwLK123的博客
07-29 518
pages：小程序所有页面utils：存放工具性质的模块app.js：小程序项目的入口文件==（至关重要）==app.json：小程序项目的全局配置文件app.wxss：小程序项目的全局样式文件：项目的配置文件：用来配置小程序及其页面是否允许被微信索引WXML（WeiXin Markup Language）是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的HTML。WXML和HTML的区别标签名称不同属性节点不同。
YOLO入门教程（一）——训练自己的模型【含教程源码 + 故障排查】
吾门的博客
07-29 547
如何训练自己的YOLO模型，LabelMe多边形标注的标签如何训练。
Java的@DateTimeFormat注解与@JsonFormat注解的使用对比
訾博（ZiBo）的博客
07-27 604
在Spring和Jackson框架中，日期和时间格式化是一个常见需求。注解主要用于Spring的表单绑定，而注解则用于Jackson的JSON序列化和反序列化。了解这两个注解的使用场景和方法，可以帮助开发者更高效地处理日期和时间。和是处理日期和时间格式化的两个重要注解。主要用于Spring MVC的请求参数绑定，而主要用于Jackson的JSON序列化和反序列化。了解它们的使用场景和功能，可以帮助开发者更高效地处理日期和时间格式化需求。通过本文的介绍，希望读者能够更清晰地理解和。
js 替换json中的转义字符 \
qq_31683775的博客
07-27 133
在控制台测试,字符串先赋给变量,还是直接调用replace方法的结果又不同。正则表达式 /\\\\/g 和 /\//g 按理说也匹配到每个 \。其中 /\\/g 正则表达式 会选中 所有 \。但是在工具中测试,总会保留一个 \。
微信小程序开发 快速学习 这篇就够了
最新发布
制定持续可量化的目标，不断坚持。
07-29 684
微信小程序开发 快速学习 这篇就够了
Beginning JSON：入门指南
"《 Beginning JSON》是一本由Ben Smith编写的入门级JSON（JavaScript Object Notation）技术书籍，旨在帮助读者理解和掌握这种轻量级的数据交换格式。" JSON，全称为JavaScript Object Notation，是一种简单易读、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值