首页 > 代码库 > JavaScript数组的某些操作（一）

JavaScript数组的某些操作（一）

2024-07-09 11:35:00   219人阅读

        在软件开发的过程中JavaScript的编程在所难免，其中对数组的操作尤为常见，这里介绍一下和JavaScript数组相关的某些操作：

        1、删除并返回数组的第一个元素——shift方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>删除并返回数组元素的第一项</title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛","李小宁"];
			console.log(nameArray.shift());
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：第一条输出语句只输出了“陈洪涛”；for循环只输出了一条数据——“李小宁”；

        2、删除并返回数组的最后一个元素——pop方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><span style="font-family: Verdana, Arial, 宋体; line-height: 18px; background-color: rgb(249, 249, 249);">删除并返回数组的最后一个元素</span></title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛","李小宁"];
			console.log(nameArray.pop());
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：第一条输出语句只输出了“李小宁”；for循环只输出了一条数据——“陈洪涛”；

        3、删除数组中某些元素——splice方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>删除并返回数组元素的第一项</title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛","李小宁","吴思娣"];
			nameArray.splice(1,2);//从第二个元素开始，删除2个元素
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：for循环只输出了“陈洪涛”；

        特殊说明：上面splice方法还有一个作用——删除元素并在原删除元素的位置添加新的元素：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>删除数组中某些元素</title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛","李小宁","吴思娣","郭华山"];
			nameArray.splice(1,2, "胡楠");//从第二个元素开始，删除2个元素，并添加新的元素
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：for循环依次输出：“陈洪涛”  “胡楠”  “郭华山”；

        4、获取已有的数组选定的元素——slice方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>获取已有的数组选定的元素</title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛","李小宁","吴思娣","郭华山"];
			var newNameArray = nameArray.slice(1,3);//获取已有数组中第二个元素（包括）到第四个元素（不包括）之间的元素
			for(var newNameIndex in newNameArray){
				console.log(newNameArray[newNameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：for循环依次输出：“李小宁”  “吴思娣”；

        5、向数组的末尾添加一个或多个元素并返回新的长度——push方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>向数组的末尾添加一个或多个元素并返回新的长度</title>
		<script type="text/javascript">
			var nameArray = ["陈洪涛"];
			var lenght = nameArray.push("李小宁","吴思娣");
			console.log(lenght);
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：第一条输出语句输出了“3”；for循环依次输出：“陈洪涛” “李小宁” “吴思娣”；

        6、将一个或多个数组合并返回合并后的结果——concat方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>将一个或多个数组合并返回合并后的结果</title>
		<script type="text/javascript">
			var nameArray1 = ["陈洪涛"];
			var nameArray2 = ["李小宁","吴思娣"];
			var nameArray = nameArray1.concat(nameArray2);
			for(var nameIndex in nameArray){
				console.log(nameArray[nameIndex]);
			}
		</script>
	</head>
	<body>
	</body>
</html>
        说明：for循环依次输出：“陈洪涛” “李小宁” “吴思娣”；


联系
我们