concat join reverse slice sort push unshift pop splice Array对象常用方法_join split reverse sort slice splice-优快云博客

本文链接：https://blog.youkuaiyun.com/function_key/article/details/51753573

本文介绍了JavaScript中数组的各种操作方法，包括创建数组、连接数组、数组元素的增删改查等功能。详细展示了concat、join、reverse、slice、sort等方法的应用场景及使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Array</title>
</head>
<body>
	<script>
		var arr1 = new Array();
		//有三个空元素的数组
		var arr2 = new Array(3);
		var arr3 = [2,1,4];
		console.log(arr1);
		console.log(arr2);
		console.log(arr3)
		//concat连接数组
		var arr4 = new Array(3);
		arr4[0] = 1;
		arr4[1] = 3;
		arr4[2] = 5;
		console.log(arr4.concat(7,9));
		//此方法返回新数组，原数组不改变。
		console.log(arr4);
		var arr5 = new Array(3);
		arr5[0]="I";
		arr5[1]="love";
		arr5[2]="javascript";
		//join()参数可以为空，默认为“，”，返回数组中的字符串用分隔符串联起来
		console.log(arr5.join());
		console.log(arr5.join('/'));
		//reverse()颠倒数组元素的顺序;以数组返回。
		console.log(arr5.reverse())
		//slice（）第一个参数可以为负数，从后往前。第二个参数可以省略
		var  arr6 = new Array(1,4,2,5,8,7);
		console.log(arr6.slice(2,5))//输出258，算最后下标的前一位
		//sort（）按照编码排序，如果有参数的话，按照函数排序
		console.log(arr6.sort());
		function sortNumber(a, b)
			{
			return a - b
			}

			var arr = new Array(6)
			arr[0] = "10"
			arr[1] = "5"
			arr[2] = "40"
			arr[3] = "25"
			arr[4] = "1000"
			arr[5] = "1"

			document.write(arr + "<br />")
			document.write(arr.sort(sortNumber));
			console.log('------------------------------------------------------------------');
			//push 向数组后面添加新元素，并返回新数组的长度。
			console.log(arr.push('abc'));
			console.log(arr);
			var ar = ['q',1,3,2,4,5,6,7,0];
			//删除数组第一个元素并返回它的值
			console.log(ar.shift())
			console.log(ar);
			//unshift  在数组前面添加元素，并返回新数组长度，原数组改变，concat在数组后面添加两个，不改变原数组
			console.log(ar.unshift('x','y'));
			console.log(ar)
			console.log(ar.pop());
			//pop()删除数组最后一个元素，并返回删除的值
			console.log(ar)
			//splice()  从第一个位置2开始删除5项，并将xyz插入原数组，返回删除的项
			console.log(ar.splice(2,5,'x','y','z'))
			console.log(ar)
	</script>
</body>
</html>