学习内容:数组、数组字面量、数组的几个常用方法、数组遍历
学习笔记:
数组
数组(Array),数组也是一个对象,它和普通对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引操作元素
索引:从零开始的整数就是索引;数组的存储性能比普通对象更好,在开发中我们经常使用数组来存储一些数据
数组创建语法
var arr =new Array();
向数组中添加元素,语法,数组[索引]=值
var arr = new Array();
arr[0]= 10;
arr[1]=22;
使用typeof检查一个数组时,会返回object
语法
console.log(typeof arr);
如果我们想获取数组的长度(元素的个数),可以使用length属性来获取;语法:数组.length
var arr = new Array();
arr[0]= 10;
arr[1]=22;
console.log(arr.length);
结果为2
读取数组中的元素,语法:数组[索引];如果读取不存在的索引不会报错,而是返回undefined
var arr = new Array();
arr[0]= 10;
arr[1]=22;
console.log(arr[0];
console.log(arr[5];
结果
对于非连续的数组,使用length会获取到数组的最大的索引+1
尽量不要创建非连续的数组,这样会占用内存空间造成浪费
length属性可以修改,如果修改的length大于原长度,则多出的部分会空出来;如果修改的length小于原长度,则多出的元素会被删除
向数组的最后一个位置添加元素,语法:数组[数组.length]=值
语法:
arr[arr.length]=10;
数组字面量
语法:
var arr=[];
使用字面量创建数组,使用字面量创建数组时,可以在创建时就可以指定数组中的元素
var arr=[1,2,3,4,5,6];
console.log(arr);
使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递
var arr2=new Array(10,20,30);
console.log(arr2);
区别,当只有一个元素时,用字面量创建的是一个数组中只有一个元素
结果
数组中的元素可以是任意的数据类型,也可以是对象
arr=["awq",1,true,null,undefined];
var obj ={name:"孙武"};
arr[arr.length]=obj;
console.log(arr);
console.log(arr[5].name);
数组中也可以放数组,这种数组我们称为二维数组
arr=[[1,2,3],[4,5,6],[7,8,9]];
console.log(arr);
数组的几个常用方法
push()
该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度;可以将我们要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾
语法:
var arr=["孙武","张三","李四"];
arr.push("王五");
document.write(arr);
结果
pop()
该方法可以删除数组的最后一个元素并将删除的元素作为返回值,调用一次就会删除一次
语法:
arr.pop()
结果
unshift()
向数组开头添加一个或多个元素,并返回新的数组长度;向前边插入元素以后,其他的元素索引会依次调整
语法:
arr.unshift("要添加的元素");
结果
shift()
可以删除数组的第一个元素,并将被删除的元素作为返回值
语法:
arr.shift();
数组遍历
所谓的数组遍历,就是将数组中所有的元素都取出来
使用for循环,数组长度小于arr.length,就可以遍历数组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
var arr= ["张三","李四","王五","李六"];
for(var i=0;i<arr.length;i++){
document.write(arr[i]+"<br>");
}
</script>
</head>
<body>
</body>
</html>