JavaScript基本语法（数组与JSON）
2024-10-20 16:08:38
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}最新文章
- WebLogic集群体系架构
- angularjs flask跨域问题 XMLHttpRequest cannot load. No 'Access-Control-Allow-Origin'
- IIS5与IIS6 应用程序生命周期和页生命周期
- 基于 jQuery Jcrop 插件的功能模块：头像剪裁
- GCC编译器代码优化
- Nginx SSL配置过程
- 【HDOJ】4426 Palindromic Substring
- HTML新元素
- uva 10026 Shoemaker's Problem
- socket实现局域网通信
- jquery一个简单的菜单小插件
- iOS 字体设置，字体类型展示
- spring boot slf4j日记记录配置详解
- 关于angular2 打包（一）
- InnoDB存储引擎表的主键
- 教你一步一步用 Node.js 制作慕课网视频爬虫
- Android事件分发机制浅析（2）
- 电脑的CPU可直接解读的数据机器码
- UVA-673 Parentheses Balance（栈）
- TechDay公开课实录:PaddlePaddle车牌识别实战和心得