JS数组操作详解-优快云博客

本文链接：https://blog.youkuaiyun.com/hoho_12/article/details/52132016

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>数组</title>
		<!--        	
        	描述：数组
        	
        	JS中的数组可以不指定长度，可变长
        	
        	属性：length
        	取值：arr[index]
        		  shift() 首位并移除
        		  pop() 末尾并移除
                        添加元素
                  arr[index]
                  push(e1,e2) 添加到末尾
                  arr.concat(arr2) 连接
              、     其他操作：
                  sort() 排序
                  join(分割符)  添加分隔符
                  reverse() 翻转
                  slice(begin,end) 截取        
        -->
	</head>

	<body>
		<script type="text/javascript">
			//1.创建一个数组
			var arr = new Array();

			//指定数组的长度(给一个number类型的参数，当做容量)
			var arr1 = new Array(20);

			//直接给数组指定元素
			var arr2 = [20];
			var arr3 = [20, 10, 390, 0];

			//数组赋值
			arr2[2] = 10;
			alert(arr2.length);

			//数组遍历
			//1.for
			for(var i = 0; i < arr2.length; i++) {
				document.write(arr2[i]);
				document.write("<br/>");
			}

			//2.for in (如果下表对应的元素为undefined，会忽略的)
			for(var index in arr2) {
				document.write(index);
				document.write("<br/>");
			}

			//常见方法
			//sort()排序
			arr3.sort();
			//翻转
			arr3.reverse();
			for(var index in arr3) {
				document.write(arr3[index]);
				document.write("<br/>");
			}
			document.write("<hr>");
			//连接两个数组 arr2+arr3
			var arr4 = arr2.concat(arr3);

			for(var index in arr4) {
				document.write(arr4[index]);
				document.write("<br/>");
			}
			document.write("<hr>");
			
			//截取一个数组中的一部分
			var arr5 = [10, 2, 41, 52, 50, 6];
			
			//begin =< index < end
			var arr6 = arr5.slice(2, 4);
			for(var index in arr6) {
				document.write(arr6[index]);
				document.write("<br/>");
			}
			document.write("<hr>");
			
			//给元素之间加上分隔符，并以字符串形式输出
			var str = arr5.join("**");
			document.write(str);
			document.write("<hr>");
			
			//添加元素（末尾）
			arr5.push(30, 50, 40);
			
			var str = arr5.join("**");
			document.write(str);
			
			//移除数组中的最后一个元素并返回该元素。
			var last = arr5.pop();
			alert(last);
			
			//移除数组中的第一个元素并返回该元素。
			var start = arr5.shift();
			alert(start);
			
		</script>
	</body>

</html>

js中的数组