JavaScript /JS 如何实现数组的创建,增加,删除,遍历等操作???

1.数组的定义:

数组(Array)是有序的元素序列。 [1]  若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按有序的形式组织起来的一种形式。 [1]  这些有序排列的同类数据元素的集合称为数组。

 注意:数组必须先定义再使用!

这里更正一下:这段关于数组的定义是引用百度的解释。其实在 JavaScript 中的数据类型是弱类型的,所以用 var 定义数组的时候,数组元素可以不同,下面请看演示:

	<script type="text/javascript">
		var arr2 = ["毛笔","墨水","宣纸","砚台",1,2,3];
		for (key in arr2){
			document.write("&nbsp"+arr2[key]);
			document.write('&nbsp&nbsp');
		}
	</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>

演示效果:

扫描二维码关注公众号,回复: 12019763 查看本文章

② 数组的遍历 

1. 使用 for 循环遍历数组

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小绵羊","梅花鹿"];
		for (var i=0;i<arr1.length;i++){
			document.write(arr1[i]);
			document.write('&nbsp&nbsp');
		}
	</script>

演示结果:小白兔  大灰狼  小绵羊  梅花鹿   

2. 使用 for in 循环遍历数组

	<script type="text/javascript">
		var arr2 = ["毛笔","墨水","宣纸","砚台"];
		for (key in arr2){
			document.write(key+"&nbsp"+arr2[key]);
			document.write('&nbsp&nbsp');
		}
	</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.二维数组或者多维数组

不想写了,其实就是一个嵌套的关系,累了,今天就到这里,亲们可以自己去百度看看。


未经允许,禁止转载! 晚安哦,早点睡觉~

猜你喜欢

转载自blog.csdn.net/qq_44761243/article/details/109027639