1.数组的定义:
数组(Array)是有序的元素序列。 [1] 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按有序的形式组织起来的一种形式。 [1] 这些有序排列的同类数据元素的集合称为数组。
注意:数组必须先定义再使用!
这里更正一下:这段关于数组的定义是引用百度的解释。其实在 JavaScript 中的数据类型是弱类型的,所以用 var 定义数组的时候,数组元素可以不同,下面请看演示:
<script type="text/javascript">
var arr2 = ["毛笔","墨水","宣纸","砚台",1,2,3];
for (key in arr2){
document.write(" "+arr2[key]);
document.write('  ');
}
</script>
演示效果: 毛笔 墨水 宣纸 砚台 1 2 3
数组创建的三种方式:
<script type="text/javascript">
//1.new 一个数组对象 ,括号写数字可以指定数组的容量
var arr1 = new Array();
//2.直接给数组赋初始值
var arr2 = new Array("小红","小粉","小紫");
//3.直接用 [] 声明赋予初始值
var arr3 = ["红红","粉粉","紫紫"];
</script>
浏览器右键检查,点 Console 然后依次输入红框内容,可以查看我们定义的数组,第一个就是一个空数组。如果写 Array(2),这是显示的是 [empty × 2]
2.数组的操作
① 添加和删除数组中的元素
向数组中添加元素两种方法:1.利用数组下标直接赋值 2.利用 push 方法追加数组
3. unshift 方法,从头部插入元素。与下文 删除(shift)方法一样,往下看
4.splice 方法:splice(索引位置,删除个数,插入元素1,...插入元素 n)
数组的下标是从0 开始的,所以 0表示第一个元素。下图演示是向空数组中添加元素,正常的数组也是这么添加的。
<script type="text/javascript">
//1.下标法
var arr1 = new Array();
arr1[0]="第一个元素";
arr1[1]="第二个元素";
//2.push 方法
var arr2 = new Array();
arr2.push("第一个");
arr2.push("第二个");
arr2.push("第三个");
</script>
演示效果:
② 数组的遍历
1. 使用 for 循环遍历数组
<script type="text/javascript">
var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
for (var i=0;i<arr1.length;i++){
document.write(arr1[i]);
document.write('  ');
}
</script>
演示结果:小白兔 大灰狼 小绵羊 梅花鹿
2. 使用 for in 循环遍历数组
<script type="text/javascript">
var arr2 = ["毛笔","墨水","宣纸","砚台"];
for (key in arr2){
document.write(key+" "+arr2[key]);
document.write('  ');
}
</script>
演示结果:0 毛笔 1 墨水 2 宣纸 3 砚台
说明一下,这里的数字就是数组的下标,也称为索引值。
来自评论区投稿:不推荐用 for in 遍历数组,可能会出现重大 bug或者未知错误,可自行百度了解。
③ 删除数组中的元素
1.pop 方法:删除最后一个元素。
<script type="text/javascript">
var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
var last1 = arr1.pop();
document.write(arr1);
document.write("<br/>");
document.write(last1);
</script>
演示效果:第一行是数组 arr1,第二行的梅花鹿是被删除的元素。
2. shift 方法:删除第一个元素。
<script type="text/javascript">
var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
var last1 = arr1.shift();
document.write(arr1);
document.write("<br/>");
document.write(last1);
</script>
演示效果:第一行是数组 arr1,第二行的小白兔是被删除的元素。
3. splice 方法:指定位置删除指定元素,splice(索引位置,删除个数)
<script type="text/javascript">
var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
var last1 = arr1.splice(1,2); //从索引 1 的位置上删除两个元素
document.write(arr1);
document.write("<br/>");
document.write(last1);
</script>
演示效果:第一行是数组 arr1,第二行的大灰狼,小绵羊是被删除的元素。
④ 合并数组
concat 合并数组,格式:数组。concat(数组1,数组2,.....数组n)
<script type="text/javascript">
var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr = arr1.concat(arr2);
document.write(arr);
</script>
演示结果:1,2,3,4,5,6
⑤ 数组转为字符串
join 方法:将数组中的元素合并成一个用指定分隔符分割的字符串。格式:数组.join(分隔符)
<script type="text/javascript">
var arr1 = ["毛笔","墨水","宣纸","砚台"];
var arr = arr1.join("——");
document.write(arr);
</script>
演示效果:毛笔——墨水——宣纸——砚台
⑥ 数组元素倒序
reverse 方法:将原来的数组倒序,不会创建新的数组。
<script type="text/javascript">
var arr1 = ["毛笔","墨水","宣纸","砚台"];
arr1.reverse();
document.write(arr1);
</script>
演示效果:砚台,宣纸,墨水,毛笔
⑦ 对数组元素进行排序
sort 方法:可以实现排序,默认是按 ASSCII 码自动排序的。
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = "red";
arr1[1] = "pink";
arr1[2] = "orange";
arr1[3] = "blue";
arr1[4] = "white";
arr1[5] = "green";
document.write("排序前:"+arr1+"<br/>");
document.write("排序后:"+arr1.sort());
</script>
演示效果:
3.二维数组或者多维数组
不想写了,其实就是一个嵌套的关系,累了,今天就到这里,亲们可以自己去百度看看。
未经允许,禁止转载! 晚安哦,早点睡觉~