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.二维数组或者多维数组
不想写了,其实就是一个嵌套的关系,累了,今天就到这里,亲们可以自己去百度看看。
未经允许,禁止转载! 晚安哦,早点睡觉~
转载:https://blog.csdn.net/qq_44761243/article/details/109027639