2.5JS数组对象

最新推荐文章于 2023-10-02 15:29:14 发布

日拱一卒无有尽，功不唐捐终入海

最新推荐文章于 2023-10-02 15:29:14 发布

阅读量91

点赞数

分类专栏： # JavaWeb学习笔记文章标签： html5 javascript html

本文链接：https://blog.csdn.net/m0_49128301/article/details/120612576

版权

JavaWeb学习笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

2.5.1、JS数组的特性

JS数组可以看做java中的ArrayList集合ArrayList详解_非淡泊无以明志，非宁静无以致远-CSDN博客_arraylist①定义ArrayList是一个动态数组，也是我们常用的集合，它允许任何元素的插入，甚至包括null。每一个ArrayList都有一个初始化的容量（10），该容量代表了数组的大小，随着容器中容量的不断增加，容器的大小也会随着增加。在每次向容器中增加元素时，会进行容量检查，当快溢出时，会进行扩容操作。②特性允许插入的元素重复插入的元素是有序的动态扩容非线...https://blog.csdn.net/zy52002520/article/details/82251011?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163340696816780366590005%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=163340696816780366590005&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-4-82251011.pc_search_result_cache&utm_term=ArrayList&spm=1018.2226.3001.4187

数组中的每一个成员没有类型限制，即可以存放任意类型
数组的长度可以自动修改

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>

日拱一卒无有尽，功不唐捐终入海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.5JS数组对象

2.5.1、JS数组的特性 JS数组可以看做java中的ArrayList集合ArrayList详解_非淡泊无以明志，非宁静无以致远-CSDN博客_arraylist①定义ArrayList是一个动态数组，也是我们常用的集合，它允许任何元素的插入，甚至包括null。每一个ArrayList都有一个初始化的容量（10），该容量代表了数组的大小，随着容器中容量的不断增加，容器的大小也会随着增加。在每次向容器中增加元素时，会进行容量检查，当快溢出时，会进行扩容操作。②特性允许插入的元素重复插...
复制链接

扫一扫