`
king_tt
  • 浏览: 2318618 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

[javascript] JSON简介

 
阅读更多

可能有人看到这个标题就嘿嘿一笑,JSON我还不知道么!

虽然我们经常使用JSON,但是很多人还是容易混淆Javascript Object和JSON

JSON,是一种是一种轻量级的数据交换格式,他的全名是JavaScript Object Notation(JavaScript对象表示法),属于ES3标准的一个子集。

由于JSON的易用性,现在流行与各个领域出现了各种变体。在我们熟知的AJAX中,X所代表的XML基本已经被JSON代替。由于跨浏览器获取跨域数据JSONP也是非常好的一种解决方案。WEB开发中基本免不了要与JSON打交道。现实中很多人分不清楚什么是javascript object 什么是JSON。

1.JSON的格式非常严格,JSON与Object相比就想是html对xhtml。

一个标准的JSON数据

?
{"a":"1"}

  JSON数据只能是纯文本!键和值都必须用(" ")双引包裹,js的Object 键可以不用这样处理,值如果不是字符串可以不这样处理。

?
//注意这些都不是JSON<br>{'a':1}
{'a':'1'}
{a:1}

  

2.既然JSON只能存储纯文本,对应js的就是字符串。那么我们要把js对象处理成为JSON的话怎么办呢。

其实每个JS的原生类都有(ES6 Function以添加)toString()这样的方法,能不能用么。复杂类型如果调用这个方法会返回自身的值

?
[1,2,3,4].toString(); //"1,2,3,4"<br>({a:1}).toString(); //<span class="objectBox objectBox-string ">"[object Object]"</span>

使用这个会得到一个这样的结果,如果我们把他们存入cookie或者localStorage,再次取出对象化这显然不是正确结果。

JSON对象上有两个静态方法,parse stringify

parse:负责把JSON数据转为js对象

stringify:负责吧js对象字符串化

3.parse把字符串对象化有很多种选择 eval('('+data+')'), new Function('return '+data)();

鉴于安全性,推荐使用第二种方法

4.stringify把对象字符串化,目前还没有快速的方法,这个过程可以看做是[1,2,3,4] 给数组两边加双引。

5.JSON已被IE8所原生支持,低版本的浏览器也有解决方案。

https://github.com/douglascrockford/JSON-js/blob/master/json2.js

JSON之父,做的JSON扩展。JSON只能存储纯文本,局限性还是显而易见的。JSON的另一个变种BSON (Binary JSON),他支持JSON没有的一些数据类型,如Date和BinData类型,MongoDB使用他来存储数据和网络交换数据。

JSON校检:http://jsonlint.com/

JSON官网:http://json.org/json-zh.html

分享到:
评论

相关推荐

    javascript-978-1-8005-6902-7:JavaScript JSON 简介 [视频]

    总的来说,这个"JavaScript JSON简介"视频教程可能会涵盖JSON的创建、解析、序列化,以及在实际项目中的应用,比如AJAX请求、本地存储和数据验证等。学习JSON对于任何JavaScript开发者来说都是至关重要的,因为它...

    javascript对象转换成json

    在JavaScript中,对象转换成JSON(JavaScript Object Notation)是一种常见的数据交换格式,它轻量级、易读、易写,被广泛应用于Web应用程序之间传递数据。JSON格式是基于JavaScript的一个子集,但它并不是...

    JavaScript JSON Cookbook mobi

    JavaScript JSON Cookbook 英文mobi 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    JavaScript Json Create、Select、Delete、Update

    JavaScript JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器与客户端之间的数据交互,...

    JavaScript的json封装

    因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    JavaScript and JSON Essentials

    随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。

    javascript处理json字符串和json对象的类(含示例)

    在JavaScript中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。处理JSON数据是Web开发中的常见任务,尤其是在与...

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    JSONEditor是一款功能强大的基于JavaScript的JSON数据编辑器,它允许用户以可视化的形式创建、编辑和查看JSON数据。在Web应用程序中,它常用于提供一个直观的界面来处理JSON格式的数据,这对于开发者和非技术人员来...

    javascript json数据解析工具json2.js

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,但也使用了类似于C家族语言,包括JavaScript,的结构。JSON2.js是由Douglas Crockford开发的一个JavaScript库,...

    Javascript Json包

    javascript 解析json必备利器 JSON.parse(str) JSON.stringify(jsonObj) 等等经典方法扩展。

    JavaScript JSON Cookbook epub

    JavaScript JSON Cookbook 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    纯javascript实现json与对象的互相转换项目

    本项目专注于纯JavaScript实现JSON(JavaScript Object Notation)与JavaScript对象之间的互相转换,这对于数据的存储、传输以及序列化至关重要。JSON作为一种轻量级的数据交换格式,因其易读易写、机器可读性高而被...

    [JSON] JavaScript & JSON 核心技术 (英文版)

    [Packt Publishing] JavaScript & JSON 核心技术 (英文版) [Packt Publishing] JavaScript and JSON Essentials (E-Book) ☆ 图书概要:☆ Successfully build advanced JSON-fueled web applications with this ...

    json格式校验前端插件(javascript)

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于前后端数据传输。在前端开发中,正确解析和校验JSON格式至关重要,因为任何格式错误都可能导致程序崩溃或逻辑错误。本文将详细介绍一个...

    JavaScript JSON使用原理及注意事项

    JavaScript JSON 使用原理与注意事项 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,它的设计灵感来源于JavaScript语法,但作为一个独立的标准,被广泛应用于各种编程语言中,包括JavaScript。...

    javascript json框架

    JavaScript JSON框架是一个用于处理JSON(JavaScript Object Notation)数据的工具集,它使得在JavaScript中序列化和反序列化数据变得更加便捷。JSON是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于...

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】。JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: ...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

    javascript object to json string

    JavaScript对象转换为JSON字符串是Web开发中的常见操作,特别是在数据交换和存储时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于...

    使用JavaScript操作JSON源码

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在JavaScript中操作JSON源码是常见的任务,尤其在与服务器进行数据交互时。本篇将深入探讨如何使用...

Global site tag (gtag.js) - Google Analytics