이 글은 JSON 객체, JSON 배열, JSON 문자열 등 JSON과 관련된 이슈를 주로 소개하는 javascript에 대한 관련 지식을 제공합니다. 모든 분들께 도움이 되기를 바랍니다.
관련 권장 사항: javascript 튜토리얼
이 작업: JavaScript에서 JSON 개체 정의를 연습하세요.
구체적인 요구 사항은 다음과 같습니다.
key1, key2 및 key3의 세 가지 속성이 있는 JSON 개체를 정의합니다. 해당 값은 각각 a, b 및 c입니다.
라는 이름의 하나의 속성; 삭제가 완료된 후 나머지 모든 속성을 반복하고
로 구분된 각 속성의 값과 연결된 문자열을 반환합니다. JSON은 데이터 전송에 사용되므로, 먼저 저장해야 하며 데이터를 저장하려면 특정 데이터 형식이 필요합니다.
JSON에 일반적으로 사용되는 데이터 형식에는 JSON 개체, JSON 배열 및 JSON 문자열이 포함됩니다.JSON 개체란 무엇입니까JSON 개체(일반적으로 JSON이라고 함)는 데이터를 저장하고 전송하는 데 사용되는 텍스트 데이터
교환 형식입니다. 예는 다음과 같습니다.
{"name":"Jerry", "age":15}
文本数据
的交换格式,用于存储和传输数据。示例如下:
var myObject = { id:1, name:"Peter Bruce", "first name":"Bruce", display:function() { console.log(this.name); }}
这就是一个简单的json对象,它的规则是:
键/值对
的形式存在;JSON是基于JavaScript语法的,所以JSON中也有对象的概念,但是和JavaScript中的对象有一些小的区别。
{"id":1,"name":"Peter Bruce","first name":"Bruce"}
{"a":1,"b":2.12,"c":true,"d":"string","e":null};
(1)JSON
对象的属性名(key)必须被包含在双引号之中,而JavaScript对象除了有空格的属性名、中间有连字符-的属性名必须在双引号之中外,其它随意;
(2)不能在JSON对象中定义方法,而在JavaScript对象
中可以;
(3)JSON对象可以被很多语言操作,而JavaScript对象只有JS自己可以识别。
用一个{}
包含在内,内部是若干个属性名和属性值构成的键值对,键值对之间用,隔开,属性名和属性值之间用:
隔开,属性值可以是以下任意一种数据类型的数据:数字、字符串、JSON数组、JSON对象、null。如:
var jsonObject = {"name":"js","number":2};
属性值是JSON数组或者JSON对象的情况稍复杂,后面的关卡将介绍。
支持JSON的语言都能够使用JSON对象,这里仅介绍在JavaScript中如何使用JSON对象。
console.log(jsonObject.name); //读属性,输出jsconsole.log(jsonObject["name"]); //读属性,输出jsjsonObject.name = "javascript"; //写属性,给name属性赋值javascript
.
或者[]
데이터는 키/값 쌍
형식으로 존재합니다. var jsonObject = {"name":"js","number":2}; delete jsonObject.name; //删除name属性
var jsonObject = {"name":"js","number":2};for(att in jsonObject) { console.log(jsonObject[att]); //依次输出js、2}
세 가지 차이점:
JSON
개체의 속성 이름(키)은 큰따옴표로 묶어야 하며 JavaScript 개체
에서는 정의할 수 있습니다.{}
에 포함되어 있습니다. 키-값 쌍은 :
로 구분되며, 속성 값은 숫자, 문자열, JSON 배열, JSON 개체, null. 예를 들면 다음과 같습니다.
function mainJs(a,b,c) { //请在此处编写代码 /********** Begin **********/ var JSONObject = {"key1":a,"key2":b,"key3":c}; delete JSONObject.key3; return a+","+b; /********** End **********/}
{"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong"]}
.
또는 []
를 사용하세요. {"class":"高三一班","studentNumber":70,"score":[ {"name":"LiMing","score":128}, {"name":"ZhangHua","score":134}, {"name":"ShenLu","score":112}]}
var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong"]}console.log(myJson.bigCity[1]); //打印出ShanghaimyJson.bigCity[0] = "GuangZhou"; //第一个元素被赋值为GuangZhou
var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong"]}for(var i = 0;i < myJson.bigCity.length;i++) { console.log(myJson.bigCity[i]);//依次输出Peking,Shanghai,ShenZhen,HongKong}
var myJson = { "category":"computer", "detail":"programming", "language":[ "js","java","php","python","c" ]}function mainJs(a) { a = parseInt(a); //请在此处编写代码 /********** Begin **********/ var b = ""; for(var i=0;i<a;i++){ b = b+myJson.language[i]+","; } return b.slice(0,-1); /********** End **********/}
var myJson = { "category":"computer", "detail":"programming", "language":[ "js","java","php","python","c" ]}function mainJs(a) { a = parseInt(a); //请在此处编写代码 /********** Begin **********/ if(a==1){ return myJson.language[0]; } if(a==2){ return myJson.language[0]+","+myJson.language[1]; } if(a==3){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]; } if(a==4){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]; } if(a==5){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]+","+myJson.language[4]; } /********** End **********/}
var JSONObject = {"k1":"v1","k2":"v2"}; //JSON对象var JSONString1 = '{"k1":"v1","k2":"v2"}'; //JSON字符串
var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1)); //输出Object {k1: "v1", k2: "v2"}
//对象的每一个属性的值加1var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) { if(key === '')//当遇到对象本身时,不进行加1操作 return value; return value+1;//对属性值加1});console.log(obj); //输出Object {key1: 2, key2: 3, key3: 3.2}
var JSONObject = {"k1":"v1","k2":"v2"}; JSON.stringify(JSONObject); //JSON对象转换为JSON字符串
//对象的所有属性值加1,再转为字符串var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify(JSONObject,function(k,v){ if(k === '')//处理到了JSON对象本身 return v; return v+1;//所有的属性的值加1});console.log(JSONString); //输出{"k1":2,"k2":3.2}
在前端和后台之间传递数据可以使用JSON,但是实际上传递的是JSON字符串,而JSON对象是不可以直接进行传递的。
JSON字符串就是在JSON对象两边套上'
形成的字符串,如:
var JSONObject = {"k1":"v1","k2":"v2"}; //JSON对象var JSONString1 = '{"k1":"v1","k2":"v2"}'; //JSON字符串
上面的JSONSring1就是JSON字符串,可以直接从前端传到后台或者后台传到前端。
当JavaScript收到从后台传来的JSON字符串后,怎么把它变成JSON对象方便处理呢?
JSON.parse(a,b)
方法将JSON字符串a转换为JavaScript对象。b是一个可选的函数参数。
var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1)); //输出Object {k1: "v1", k2: "v2"}
函数参数b按从里到外
的顺序作用在对象的所有属性上,最后一个作用的是对象本身:
//对象的每一个属性的值加1var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) { if(key === '')//当遇到对象本身时,不进行加1操作 return value; return value+1;//对属性值加1});console.log(obj); //输出Object {key1: 2, key2: 3, key3: 3.2}
如上面所示,函数的参数有两个,其中key表示属性的名字,value表示属性的值,当遇到对象本身时,key的值为''
,即空字符串。
JSON.stringify(a,b,c)
,a是待转换的JSON对象,b和c为可选参数。
var JSONObject = {"k1":"v1","k2":"v2"}; JSON.stringify(JSONObject); //JSON对象转换为JSON字符串
参数b为函数时,该函数按照从里到外的顺序处理JSON对象的每一个属性,最后一个处理的是JSON对象本身,处理完后再转为JSON字符串:
//对象的所有属性值加1,再转为字符串var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify(JSONObject,function(k,v){ if(k === '')//处理到了JSON对象本身 return v; return v+1;//所有的属性的值加1});console.log(JSONString); //输出{"k1":2,"k2":3.2}
参数b还可以是数组,数组存储的是属性的名字,用来指定只转换哪些属性:
//转换对象中特定的属性 var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString); //输出{"k1":1,"k2":2.2}
这里简单介绍一下c:
var str = ["name":"Tom","age":16];var obj1 = JSON.stringify(str); var obj2 = JSON.stringify(str,null,4);console.log(obj1); //输出{"name":"Tom","age":16}console.log(obj2); //输出 //{ // "name": "Tom", // "age": 16 //}
参数c:文本添加缩进、空格和换行符,如果 c 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 c 大于 10,则文本缩进 10 个空格。
var JSONString = '{"key1":"value1","key2":"value2"}';function mainJs(a) { //请在此处编写代码 /********** Begin **********/ var JSONObject = JSON.parse(JSONString); JSONObject["key1"] = a; JSONObject.key1 = a; return JSON.stringify(JSONObject); /********** End **********/}
相关推荐:javascript学习教程
위 내용은 JavaScript 학습 및 이해를 위한 JSON(요약 공유)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!