js的数组对象-Array数组对象_js 定义一个苏祖对象-优快云博客

本文链接：https://blog.youkuaiyun.com/yun1996/article/details/107082424

本文深入讲解JavaScript中数组的创建方式及常见操作方法，包括数组的增删改查、排序、拼接等，通过实例演示了如何灵活运用数组方法解决实际问题。

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

创建数组的方式：

       方式1：var 变量名 = new Array(); 创建一个长度为0的数组。
        方式2：var 变量名= new Array(长度) 创建一个指定长度的数组对象。
        方式3： var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组的对象。
        方式4：var 变量名 = ["元素1","元素2"...];
数组要注意的细节：
   1. 在javascript中数组的长度是可以发生变化的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	var arr = new Array(); //创建了一个长度为0的数组对象。
        var arr = new Array(3); //创建了一个长度为3的数组对象
	arr[100] = 10;
	document.write("arr长度："+arr.length+"<br/>");//101
	
	var arr2 = new Array("狗娃","狗剩","铁蛋");
	arr2 = ["狗娃","狗剩","铁蛋","张三"];
	document.write("arr2长度："+arr2.length+"<br/>");
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

数组常用的方法：

array1.concat(array2，array3..)返回一个新数组，这个新数组是由两个或更多数组组合而成的

arrayObj.join(separator) 返回字符串值，其中包含了连接到一起的数组的所有元素，元素由指定的分隔符分隔开来。

arrayObj.pop( )移除数组中的最后一个元素并返回该元素。

arrayObj.push(元素1，元素2..)将新元素添加到一个数组中，并返回数组的新长度值。

arrayObj.reverse( )返回一个元素顺序被反转的 Array 对象。

arrayObj.shift( )移除数组中的第一个元素并返回该元素。

arrayObj.slice(start, [end]) 截取方法，指定开始索引值和结束索引值，返回子数组，包括开始，不包括结束索引对应的值

arrayobj.sort(sortfunction)返回一个元素已经进行了排序的 Array 对象。sortFunction可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略，那么元素将按照 ASCII 字符顺序进行升序排列。

arrayObj.splice(start, deleteCount, 要插入的新元素可插可不插)从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。第一个参数是开始删除元素的索引值，第二参数是删除元素的个数，往后的数据就是插入的元素。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" >

	var arr1 = ["狗娃","狗剩","铁蛋"];
	var arr2 = ["永康","才厚"];
	
	
	arr1 = arr1.concat(arr2); //concat把arr1与arr2的数组元素组成一个新的数组返回。
	for(var index in arr1){
		document.write(arr1[index]+",");	
	}
	
	
	var elements = arr1.join(","); // join使用指定的分隔符把数组中的元素拼装成一个字符串返回。
	document.write("数组的元素："+elements);
	
	
	//pop ：移除数组中的最后一个元素并返回该元素。
	
	document.write("删除最后的一个元素并返回："+arr1.pop()+"<br/>");
	
	arr1.push("永康"); // 将新元素添加到一个数组中，并返回数组的新长度值。
	
	arr1.reverse(); //翻转数组的元素
	
	document.write("删除第一个元素并返回："+arr1.shift()+"<br/>"); //移除数组中第一个元素，并且返回。
	
	
	var subArr = arr1.slice(1,2); //指定数组 的开始索引值与结束索引值截取数组的元素，并且返回子数组。
	document.write("子数组的元素："+subArr.join(",")+"<br/>");
	
	arr1 = [19,1,20,5];
	arr1.sort(sortNumber);  //排序，排序的时候一定要传入排序的方法。
	
	function sortNumber(num1,num2){
		return num1-num2;
	}
	
        arr1.splice(1,1,"张三","李四","王五"); //第一个参数是开始删除元素的 索引值， 第二参数是删除元素的个数，往后的数据就是插入的元素。
	
	
	document.write("数组的元素："+arr1.join(","));
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>