在软件开发的过程中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. BZOJ 2244 [SDOI2011]拦截导弹 ——CDQ分治

    三维偏序,直接CDQ硬上. 正反两次CDQ统计结尾的方案数,最后统计即可. #include <cstdio> #include <cstring> #include < ...

  2. SGU 275 To xor or not to xor【最大xor和 高斯消元】

    题目大意:给你n个数(n<=100)要你找出若干个数使他们的异或和最大 思路:高斯-若当消元消完以后削成若干个独立的行向量,将它们异或起来就好 #include<cstdio> #i ...

  3. gcc/g++ 编译时出现:“对’xxxx’未定义的引用,collect2: error: ld returned 1 exit status” 的错误

    出现的问题: 在使用 make 编译实现一个程序时,出现了下面的错误.查看程序源文件所在的目录时发现程序已经完成了编译,并生成了 list_repo.o 的文件,说明是在程序链接生成可执行文件时发生了 ...

  4. 蒲公英(bzoj 2724)

    Description Input 修正一下 l = (l_0 + x - 1) mod n + 1, r = (r_0 + x - 1) mod n + 1 Output Sample Input ...

  5. CodeForces 762D Maximum path

    http://codeforces.com/problemset/problem/762/D 因为是3*n很巧妙的地方是 往左走两步或更多的走法都可以用往回走以一步 并走完一列来替换 那么走的方法就大 ...

  6. 【BZOJ1412】狼和羊的故事(最小割)

    题意:将一个由0,1,2构成的矩阵里的1与2全部分割最少需要选取多少条边 n,m<=100 思路:裸的最小割模型 相邻的格子连容量为1的边(其实可以少连很多遍,1与1,2与2之间的边是没有意义的 ...

  7. C++ 使用成员初始化列表的一个小坑

    注意在成员列表中初始化的顺序并不是列表顺序 而是: 在类中声明的顺序! EventLoop::EventLoop() :looping(false), quit(false),_tid(curThre ...

  8. POJ 1509 Glass Beads【字符串最小表示法】

    题目链接: http://poj.org/problem?id=1509 题意: 求循环字符串的最小表示. 分析: 浅析"最小表示法"思想在字符串循环同构问题中的应用 判断两字符串 ...

  9. C# 打印日志

    原理其实很简单,就是创建文件夹.创建文件.写入内容 首先判断文件夹.文件是否存在 然后再创建或者追加 不多介绍,直接上代码 public static void BuildLogFile(string ...

  10. DeepFM

    DeepFM integrates the architectures of FM and deep neural networks (DNN). It models low-order featur ...