zoukankan      html  css  js  c++  java
  • JavaScript数组的某些操作(一)

            在软件开发的过程中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循环依次输出:“陈洪涛” “李小宁” “吴思娣”;
  • 相关阅读:
    Java调用外部类定义的方法(Static与无Static两种)
    Java调用未被Static修饰的本类方法
    Java调用Static修饰的本类方法
    java利用Aspose.words.jar将本地word文档转化成pdf(完美破解版 无水印 无中文乱码)
    web-程序逻辑问题
    web-忘记密码了
    jenkins部署遇到离线问题如何解决
    Ansible基于playbook批量修改主机名实战
    windows/linux环境python3出现pip is configured with locations that require TLS/SSL, however the..不可用的解决方法
    linux软链接的创建、修改和删除
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6814632.html
Copyright © 2011-2022 走看看