首页 > 编程语言 >JavaScript-JSON

JavaScript-JSON

时间:2024-06-06 15:47:33浏览次数:30  
标签:对象 JavaScript json JSON 序列化 属性

JavaScript-JSON

1.自定义对象

var 对象名 = {
    属性名1: 属性值1, 
    属性名2: 属性值2,
    属性名3: 属性值3,
    函数名称: function(形参列表){}
};

语法调用属性和函数:

对象名.属性名;
对象名.函数名();

2.json对象

JSON对象:JavaScript Object Notation,JavaScript对象标记法。是通过JavaScript标记法书写的文本。

//JSON对象仅用于存储k-v数据(因此不要去指定函数)
//要求: key必须是字符串,且必须是双引号
//JSON对象中的key可以重复,最后声明的会覆盖前面的

var json = {
    "name": "李四",
    "age" : 18,
    "height": 188.8,
    "name": "王五"
}
console.log(json);

创建的JSON对象用于做数据传输。优点:书写简单,传输体积小,传输效率高,可读性强。传输之前要先进行序列化,会使用JSON序列化方式,JSON序列化方式会将JSON对象转成JSON字符串。

JSON序列化:将json对象转成字符串

var jsonStr = JSON.stringify(json);
console.log(jsonStr);

JSON反序列化:将字符串转为json对象

var jsonObject = JSON.parse(jsonStr);
console.log(jsonObject);

标签:对象,JavaScript,json,JSON,序列化,属性
From: https://www.cnblogs.com/ai-study/p/18235243

相关文章

  • JavaScript-String
    JavaScript-String1.String对象的创建方式方式一:varstr=newString("李四");方式二:varstr1="李四";2.String对象的属性length:字符串的长度。varstr=newString("李四");console.log(str.length);3.String对象的方法charAt():返回在指定位置的字符。console......
  • JavaScript-event
    JavaScript-eventHTML事件是发生在HTML元素上的“事情”,例如:按钮被点击鼠标移到元素上输入框失去焦点事件的绑定方式一:通过html标签中的事件属性进行绑定<inputtype="button"value="事件按钮"onclick="on()"><script> functionon(){ alert("按钮1被点击了..."......
  • JavaScript-Array
    JavaScript-Array1.定义方式方式一:vararr1=newArray(1,2,3,4);方式二:vararr2=[1,2,3];2.特点JavaScript中数组相当于java中的集合,数组的长度是可以变化的,并且可以存储任意数据类型的值。vararr1=newArray(1,2,3,4);console.log(arr1);arr1[10]=5......
  • JavaScript-BOM
    JavaScript-BOMBOM的全称是BrowserObjectModel,翻译过来是浏览器对象模型。BOM中提供了如下5个对象:对象名称描述Window浏览器窗口对象Navigator浏览器对象Screen屏幕对象History历史记录对象Location地址栏对象Windows对象window对象指的是浏......
  • JavaScript-DOM
    JavaScript-DOM1.DOM介绍DOM:DocumentObjectModel文档对象模型。也就是JavaScript将HTML文档的各个组成部分封装为对象。HTML文档是浏览器解析。封装的对象分为Document:整个文档对象Element:元素对象Attribute:属性对象Text:文本对象Comment:注释对象2.获取DOM对象......
  • 获取JSON某一部分数据
    //代码StringtaskParamsJson=dbBackAsynTask.getTaskParams();//json字符串ObjectMapperobjectMapper=newObjectMapper();//因为在非静态方法里面使用,new这个工具类JsonNodeparamsJson=objectMapp......
  • JavaScript string charCodeAt() vs codePointAt() All In One
    JavaScriptstringcharCodeAt()vscodePointAt()AllInOneString.prototype.charCodeAt()vsString.prototype.codePointAt()String值的charCodeAt()方法返回0到65535之间的整数,表示给定索引处的UTF-16代码单元。取值范围:[0,2^16]2**16//655362**1......
  • 【经典游戏】JavaScript实现经典的水果忍者小游戏
    【前言】微信小游戏很久之前刮起了一股切水果热潮,还记得嘛?我记得纯粹是因为这个游戏家里的孩子依旧没放弃~比如:果盘忍者|水果切切切|一起切水果|全民切西瓜|王牌飞刀手......那时候——各种同类型的切水果小游戏层出不穷,并“前仆后继”地纷纷霸占小程序排行榜前列。那场面简......
  • 使用Wesky.Net.Opentools库,一行代码实现实体类类型转换为Json格式字符串
    安装1.0.10以及以上版本的Wesky.Net.OpenTools包 包内,该功能的核心代码如下:自定义属性:实体类JSON模式生成器: 使用方式:引用上面的1.0.10版本或以上的包。如果实体类有特殊需求,例如映射为其他名称,可以用OpenJson属性来实现。实体类对象案例如下:上面实体类,提供了属性......
  • JavaScript第十讲:DOM编程(1):节点概念,如何获取元素节点,节点属性,样式
    前言在当今的Web开发中,DOM(DocumentObjectModel)编程扮演着至关重要的角色。DOM是HTML和XML文档的编程接口,它使得我们可以像操作对象一样来操作网页上的元素。无论是构建动态网页,还是实现用户交互,都离不开对DOM的深入理解和灵活运用。在本文中,我们将开启DOM编程的系列学习之旅......