当前位置: 首页>編程日記>正文

html js定义json对象,JS中的JSON对象的定义和取值实现代码

html js定义json对象,JS中的JSON对象的定义和取值实现代码

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

JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。

规则如下:

1)映射用冒号(“:”)表示。名称:值

2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2

3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}

4) 并列数据的集合(数组)用方括号(“[]”)表示。

[

{名称1:值,名称2:值2},

{名称1:值,名称2:值2}

]

5 )元素值可具有的类型:string, number, object, array, true, false, null

2.json中的五种写法:

1)传统方式存储数据,调用数据

//JS传统方式下定义"类"

function Person(id,name,age){

this.id = id;

this.name = name;

this.age = age;

}

//JS传统方式下创建"对象"

var p = new Person(20141028,"一叶扁舟",22);

//调用类中的属性,显示该Person的信息

window.alert(p.id);

window.alert(p.name);

window.alert(p.age);

2)第一种样式:

var person = {

id:001,

name:"一叶扁舟",

age:23

}

window.alert("编号:"+person.id);

window.alert("用户名:"+person.name);

window.alert("年龄:"+person.age);

3)第二种样式:

var p = [

{id:001,name:"一叶扁舟",age:22},

{id:002,name:"无悔",age:23},

{id:003,name:"无悔_一叶扁舟",age:24}

];

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

window.alert("编号:"+p[i].id);

window.alert("用户名:"+p[i].name);

window.alert("年龄:"+p[i].age);

}

4)第三种样式:

var p = {

"province":[

{"city":"福州"},

{"city":"厦门"},

{"city":"莆田"}

]

};

window.alert("所在城市:" + p.province[0].city);

5)第四种样式:

var p = {

"ids":[

{"id":001},

{"id":002},

{"id":003}

],

"names":[

{"name":"一叶扁舟"},

{"name":"无悔"},

{"name":"无悔_一叶扁舟"}

]

};

for(var i = 0; i < p.names.length; i++){

window.alert("名字:"+p.names[i].name);

}

for(var i = 0; i < p.ids.length; i++){

window.alert("id:"+p.ids[i].id);

}

6)第五种样式:

var p = {

"province":["福州","厦门","莆田"]

};

window.alert("城市的个数:"+p.province.length);

window.alert("分别是:\n");

for(var i=0;i

window.alert(p.province[i]);

}

这篇文章看到这基本上也看懂了吧,大家可以自己手写代码,运行一下就了解其中的奥妙了。


https://www.fengoutiyan.com/post/14642.html

相关文章:

  • js怎么把json字符串转化为一个对象
  • js获取json对象的值
  • javascript json
  • js处理json数据
  • js获取json value
  • ajax json
  • js object转成json
  • string转json对象
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機