1. 程式人生 > 其它 >JavaScript基本語法(陣列與JSON)

JavaScript基本語法(陣列與JSON)

5、陣列

#①使用new關鍵字建立陣列

// 1.建立陣列物件
var arr01 = new Array();

// 2.壓入資料
arr01.push("apple");
arr01.push("orange");
arr01.push("banana");
arr01.push("grape");

// 3.遍歷陣列
for (var i = 0; i < arr01.length; i++) {
	console.log(arr01[i]);
}

// 4.陣列元素反序
arr01.reverse();
for (var i = 0; i < arr01.length; i++) {
	console.log(arr01[i]);
}

// 5.陣列元素拼接成字串
var arrStr = arr01.join(",");
console.log(arrStr);

// 6.字串拆分成陣列
var arr02 = arrStr.split(",");
for (var i = 0; i < arr02.length; i++) {
	console.log(arr02[i]);
}

// 7.彈出陣列中最後一個元素
var ele = arr01.pop();
console.log(ele);
 

#②使用[]建立陣列

// 8.使用[]建立陣列
var arr03 = ["cat","dog","tiger"];
console.log(arr03);
 

#6、JSON

#①JSON格式的用途

在開發中凡是涉及到『跨平臺資料傳輸』,JSON格式一定是首選。

#②JSON格式的說明

  • JSON資料兩端要麼是{},要麼是[]
  • {}定義JSON物件
  • []定義JSON陣列
  • JSON物件的格式是:
{key:value,key:value,...,key:value}
1
  • JOSN陣列的格式是:
[value,value,...,value]
1
  • key的型別固定是字串
  • value的型別可以是:
    • 基本資料型別
    • 引用型別:JSON物件或JSON陣列

正因為JSON格式中value部分還可以繼續使用JSON物件或JSON陣列,所以JSON格式是可以『多層巢狀』的,所以JSON格式不論多麼複雜的資料型別都可以表達。

{
	"stuId":556,
	"stuName":"carl",
	"school":{
		"schoolId":339,
		"schoolName":"atguigu"
	},
	"subjectList":[
		{
			"subjectName":"java",
			"subjectScore":50
		},
		{
			"subjectName":"PHP",
			"subjectScore":35
		},
		{
			"subjectName":"python",
			"subjectScore":24
		}
	],
	"teacherMap":{
		"aaa":{
			"teacherName":"zhangsan",
			"teacherAge":20
		},
		"bbb":{
			"teacherName":"zhangsanfeng",
			"teacherAge":108
		},
		"ccc":{
			"teacherName":"zhangwuji",
			"teacherAge":25
		}
	}
}
 

#③JSON物件和JSON字串互轉

#[1]JSON物件轉JSON字串

var jsonObj = {"stuName":"tom","stuAge":20};
var jsonStr = JSON.stringify(jsonObj);

console.log(typeof jsonObj); // object
console.log(typeof jsonStr); // string
 

#[2]JSON字串轉JSON物件

jsonObj = JSON.parse(jsonStr);
console.log(jsonObj); // {stuName: "tom", stuAge: 20}