2.5.1、JS数组的特性
- 数组中的每一个成员没有类型限制,即可以存放任意类型
- 数组的长度可以自动修改
2.5.2、JS数组的四种创建方式
前两种最常见,后两种用的比较少
- var arr= [1,2,3,"a",true];//常用的js数组。长度5(等于元素个数)可以动态输入
- var arr=new Arry();创建一个数组对象,数组长度默认为0
- var arr=new Arry(4);
数组长度是4,相当于开辟了长度为4的空间,每个元素是undefined。(仅显示进行处理,undefined为了方便显示变成了空字符串形式,其值本质仍然是undefined)
4.var arr=new Arry(1,true,"a");//创建了一个数组,长度3,数组元素是1,true,a
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
//声明一个数组,包含四个元素
var arr=['hello','你好',1,2];
//输出元素的长度
alert(arr.length);
//修改第二个元素的值
arr[1]='nihao';
alert(arr.length);
//[]数组默认是从0开始的。arr[4]=['nihao'];[4]中的4表示元素下标为4,即表示给数组中第五个元素,赋值'nihao'
arr[4]='nihao';
alert(arr.length);
//添加第11个元素,中间5~10个元素的值没有被定义,默认值为undefined
arr[10]='nihao';
alert(arr.length);
</script>
</head>
<body>
</body>
</html>
2.5.3、js数组的常用属性/方法
数组常用属性 | 定义 | 特点 |
length | 设置返回数组中元素的数目 | |
join() | 把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔。 | 分隔之后,原来的数组不受影响,可以正常输出 |
pop() | 删除最后一个元素并返回数组的最后一个元素,元素长度减一 | 删元素 |
push() | 向数组的末尾添加一个或者更多元素,并返回新的长度 | 加元素,//push的作用是追加元素,并且输出长度,注意是输出的长度,不是输出的数组 |
reverse() | 颠倒数组中元素的顺序。 | 反转之后原来的数组顺序也发生了变化 |
join、reverse
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
//join()把数组中所有元'素按照原来的元素顺序重新组合成一个新的字符串,原数组不变
/* var arr= [i,l,o,v,e,y,o,u];
alert(arr.join( )); 没有返回值的原因:在用join之后没有结束结果,直接打印*/
// 数组中字母需要带单引号
/* var arr= ['I'];
var result=arr.join("");
alert(result);
var arr= ['L','o','v','e'];
var result=arr.join("");
alert(result);
var arr= ['Y','o','u'];
var result=arr.join("");
alert(result);
alert(arr.length);*/
var arr=[1,2,3,4,5];
var arr2=arr.reverse();
alert(arr2);
//使用reverse之后数组元素顺序颠倒,而且被作用数组元素顺序也会颠倒
alert(arr);
</script>
</head>
<body>
</body>
</html>
pop、push
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
//pop() 删除数组中最后一个元素,并返回剩余的元素
/*var arr=['a','b','c','d'];
alert(arr.length);
var temp=arr.pop();
alert(temp);
alert(arr.length);*/
//push的作用是追加元素,并且输出长度,注意是输出的长度,不是输出的数组
var arr=['a','b','c','d'];
// var len=arr.push(1);
// alert(len);
// alert(arr);
//追加多个元素时,追加的元素会按顺序加在原数组的后面
var arr2=arr.push('e','f','g');
alert(len);
alert(arr);
</script>
</head>
<body>
</body>
</html>