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循环依次输出：“陈洪涛” “李小宁” “吴思娣”；
JavaScript数组的某些操作（一）的更多相关文章
- JavaScript 数组的常用操作
JavaScript splice 方法 splice 方法用于插入.删除或替换数组的元素.语法如下: array_object.splice(start, num, element1, elemen ...
- javascript 数组的常用操作函数
join() Array.join(/* optional */ separator) 将数组转换为字符串,可带一个参数 separator (分隔符,默认为“,”). 与之相反的一个方法是:Stri ...
- JavaScript数组的某些操作（二）
7.颠倒数组中元素的顺序(注意:不是为数组排序)--reverse方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
- Javascript 数组的一些操作
(1) shift 删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4, ...
- Javascript数组操作
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
- Javascript数组操作（转）
1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...
- JavaScript数组常用操作
前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...
- RX学习笔记：JavaScript数组操作
RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.un ...
- javascript数组操作汇总
javascript之数组操作 - 不悔的青春 - 博客园 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array( ...
随机推荐
- BZOJ 1007 [HNOI2008]水平可见直线 ——计算几何
用了trinkle的方法,半平面交转凸包. 写了一发,既没有精度误差,也很好写. #include <map> #include <ctime> #include <cm ...
- 算法复习——bitset(bzoj3687简单题)
题目: Description 小呆开始研究集合论了,他提出了关于一个数集四个问题:1．子集的异或和的算术和.2．子集的异或和的异或和.3．子集的算术和的算术和.4．子集的算术和的异或和. 目前 ...
- 【双向bfs】2017多校训练十 HDU 6171 Admiral
[题意] 现在给出一个三角矩阵,如果0编号的在点(x,y)的话,可以和(x+1,y),(x-1,y),(x+1,y+1),(x-1,y-1)这些点进行交换. 我们每一次只能对0点和其他点进行交换.问最 ...
- C/C++ 程序中调用命令行命令并获取命令行输出结果
在 c/c++ 程序中,可以使用 system()函数运行命令行命令,但是只能得到该命令行的 int 型返回值,并不能获得显示结果.例如system(“ls”)只能得到0或非0,如果要获得ls的执行结 ...
- 计算系数（codevs 1137）
题目描述 Description 给定一个多项式(ax + by)^k,请求出多项式展开后x^n y^m项的系数. 输入描述 Input Description 共一行,包含 5 个整数,分别为a,b ...
- SQL 随机取出一条数据
今天遇到一需求,需要随机取出一条数据.网上找了下,sqlserver自带的有newID()这个函数,可以随机出来一个guid,用来取随机数还是蛮不错的. 直接上SQL: select top 1 *, ...
- 同时在windows和linux环境开发时换行符的处理
Git 的 core.autocrlf 參數默认为true,即每次 checkin 時,Git 會將純文字類型的檔案中的所有 CRLF 字元轉換為 LF,也就是版本庫中的換行符號一律存成 LF:在 c ...
- Linux下Shell脚本运行程序不输出日志到终端
使用: 脚本路径/脚本名 >/dev/>& 说明: 可以简单的理解/dev/null是Linux下的回收站 >默认是把标准输出重定向 2>&1是把出错输出也定向 ...
- 区间重合判断[poj2808 校门外的树]
题目:http://bailian.openjudge.cn/practice/2808/ 参考了文章,重写了代码:http://www.cnblogs.com/youxin/p/3266617.ht ...
- jQuery的ajax，当async为false时，同步操作失败。解决方式
引发失败时代码: $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, type : "POS ...