在软件开发的过程中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循环依次输出：“陈洪涛” “李小宁” “吴思娣”；

JavaScript数组的某些操作（一）的更多相关文章

  1. JavaScript 数组的常用操作

    JavaScript splice 方法 splice 方法用于插入.删除或替换数组的元素.语法如下: array_object.splice(start, num, element1, elemen ...

  2. javascript 数组的常用操作函数

    join() Array.join(/* optional */ separator) 将数组转换为字符串,可带一个参数 separator (分隔符,默认为“,”). 与之相反的一个方法是:Stri ...

  3. JavaScript数组的某些操作（二）

    7.颠倒数组中元素的顺序(注意:不是为数组排序)--reverse方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  4. Javascript 数组的一些操作

    (1) shift  删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4, ...

  5. Javascript数组操作

    使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...

  6. Javascript数组操作（转）

    1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...

  7. JavaScript数组常用操作

    前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...

  8. RX学习笔记：JavaScript数组操作

    RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...

  9. javascript数组操作汇总

    javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...

随机推荐

  1. 关于安卓浏览器无法识别es6语法

    这几天写代码,在highcharts的代码里用了一些es语法 在PC端及iphone上都能正常运行,在安卓上无法显示 一直不知道什么原因.后来一点点查看才发现是下面的两句es6代码 1: .map(i ...

  2. P1410 子序列 (动态规划)

    题目描述 给定一个长度为N(N为偶数)的序列,问能否将其划分为两个长度为N/2的严格递增子序列. 输入输出格式 输入格式: 若干行,每行表示一组数据.对于每组数据,首先输入一个整数N,表示序列的长度. ...

  3. eclipse中AXIS2发布过程

    Axis2服务端研究好几个小时,终于解决了 需要下载: 地址1: 可以从镜像站下载: 上海大学开源镜像站 地址2: 链接:从百度网盘下载; 密码:8nwu 其中第二个可以不用下: 解压后 将3,4解压 ...

  4. C++练习，计算间隔天数

    time_t time(time_t *time) 从1970年1月1日到到现在的秒数,如果系统时间不存在,返回1char *ctime(const time_t *time) 返回以:day mon ...

  5. UTF-8 编码的文件在处理时要注意 BOM 文件头问题

    最近在给项目团队开发一个基于 Java 的通用的 XML 分析器时,设计了一个方法,能够读取现成的 XML 文件进行分析处理,当然 XML 都是采用 UTF-8 进行编码的.但是在用 UltraEdi ...

  6. koa2 从入门到进阶之路 （一）

    首先我们先来了解一下 Koa 是什么,https://koa.bootcss.com/,这是 Koa 的官方网站,映入眼帘的第一句就是 Koa -- 基于 Node.js 平台的下一代 web 开发框 ...

  7. 洛谷P1865 A % B Problem

    1.洛谷P1865 A % B Problem 题目背景 题目名称是吸引你点进来的 实际上该题还是很水的 题目描述 区间质数个数 输入输出格式 输入格式: 一行两个整数 询问次数n,范围m 接下来n行 ...

  8. pinpoint 应用性能管理工具安装部署

    原文:http://www.cnblogs.com/yyhh/p/6106472.html pinpoint 安装部署   阅读目录 1. 环境配置 1.1 获取需要的依赖包 1.2 配置jdk1.7 ...

  9. 【paddle学习】识别数字

    Softmax回归(Softmax Regression) 最简单的Softmax回归模型是先将输入层经过一个全连接层得到的特征,然后直接通过softmax 函数进行多分类 输入层的数据$X$传到输出 ...

  10. TraceTool 跟踪工具的瑞士军刀（C++版使用）

    TraceTool查看器能够显示多种类型的来源(从提供的框架.日志文件.事件日志.或者OutputDebugString方法).一个简单而强大的client框架发送简单的跟踪,分组跟踪.类和对象浏览器 ...