数组(Array)
用于存储多个数据集合的类型
var names = ['张飞','刘备','关羽']; console.log(names);
数据元素的访问, 通过下标的形式(下标从0开始) 数组名[下标], names[0];
var names = ['张飞','刘备','关羽']; console.log(names[1]);
数组的定义
使用[]创建数组
可以直接初始化,推荐使用
var arr1 = [10,20,30]; console.log(arr1);
使用Array创建数组
var arr2 = new Array(); console.log(arr2);
数组的访问
length 属性代表数字的长度。
通过元素[下标]访问数组,赋值、获取元素内容,数组是可变长度。
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var arr1 = [10,20,30]; console.log("arr1.length: "+arr1.length); var arr3 = []; arr3[0] = 100; arr3[1] = 200 arr3[100] = 999; console.log("arr3.length: "+arr3.length); console.log("arr3[2]: "+arr3[2]); </script> </head> <body> </body> </html>
效果截图：
数组的方法
push 向数组中添加元素
相当于是入栈
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var arr = []; arr.push(10); arr.push(20); arr.push(30); arr.push('Keafmd'); console.log("arr[0]:"+arr[0]); console.log("arr[1]:"+arr[1]); console.log("arr[2]:"+arr[2]); console.log("arr[3]:"+arr[3]); </script> <title></title> </head> <body> </body> </html>
效果截图：
pop 从数组的末尾获取元素，并将元素从数组中删除
相当于是出栈
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var arr = []; arr.push(10); arr.push(20); arr.push(30); arr.push('Keafmd'); console.log(arr.pop()); //Keafmd console.log(arr.pop()); // 30 console.log(arr.pop()); //20 console.log(arr.pop()); //10 console.log(arr) //[] </script> <title></title> </head> <body> </body> </html>
效果截图：
shift 从数组首个下标获取元素，并将元素从数组中删除
类似出队
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var arr4 = [10,20,30,40]; console.log(arr4.shift()) // 10 console.log(arr4) // 20,30,40 </script> <title></title> </head> <body> </body> </html>
效果截图：
slice 切片
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var arr5 = [10,20,30,40]; console.log(arr5) console.log("arr5.slice(1) : "+arr5.slice(1)) console.log("arr5.slice(1,2) : "+arr5.slice(1,2)) </script> <title></title> </head> <body> </body> </html>
效果截图：
join 和 split
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> //将数组拼接以字符串的形式返回 join 10-20-30,40 var arr6 = [10,20,30,40]; console.log("arr6.join(\"-\"): "+ (arr6.join('-'))) ;// 返回的是字符串 , 10-20-30-40 //将字符串拆分成数组 var arrStr = '10-20-30-40'; console.log(arrStr.split('-')) ;// 数组元素，为字符串类型 </script> <title></title> </head> <body> </body> </html>
效果截图：
