push()     :将参数加载到数组的最后,返回数组的长度

pop()     :删除数组的最后一个元素,返回删除的值

shift()      :删除数组的第一个元素,返回删除的值

unshift()  :把参数加载数组的前面,返回数组的长度

splice()    :插入/删除或替换数组元素

sort()      :对数组的元素进行排序

reverse() :用于颠倒数组中元素的顺序(反序)

concat()  :用于连接两个或多个数组

slice()     : 返回从原数组中指定开始下表到结束下标之间的项组成的新数组

代码实例

push() 将参数添加到数组最后面

var list = [0,1,2,3,4,5,6,7,8,9];
console.log('数组长度:'+list.push(10)); //数组长度:11
console.log(list);//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

pop() 删除最后一个元素

var list1 = [0,1,2,3,4,5,6,7,8,9];
console.log('被删除的元素:'+list1.pop());//被删除的元素:9
console.log(list1);//[0, 1, 2, 3, 4, 5, 6, 7, 8]

shift() 删除数组的第一个元素

var list2 = [0,1,2,3,4,5,6,7,8,9];
console.log('被删除的元素:'+list2.shift());//被删除的个元素:0
console.log(list2);//[1, 2, 3, 4, 5, 6, 7, 8, 9]

unshift() 将参数添加到数组最前面

var list3 = [0,1,2,3,4,5,6,7,8,9];
console.log('添加的参数是:'+list3.unshift(11));//添加的参数是:11
console.log(list3);//[11, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

splice() 删除/插入/替换

var list3 = [0,1,2,3,4,5,6,7,8,9];
//删除
console.log('被删除的是:'+list3.splice(4,4));//[0, 1, 2, 3, 8, 9]删除第4项,删除4个元素
console.log(list3);//[0, 1, 2, 3]
//插入
var insert = list3.splice(0,0,'add1');//从第0个位置开始删除
console.log(insert); //返回空数组
console.log(list3); //[["add1", 0, 1, 2, 3, 8, 9]
//替换
var replace = list3.splice(2,1 ,'replace1','replace2');//删除第二项,插入2项
console.log('被删除的是:'+replace);//被删除的是:1
console.log(list3);//["add1", 0, "replace1", "replace2", 2, 3, 8, 9]

sort() 排序

var list4= [0,1,4,3,2,5,7,6,8,9];
console.log(list4)//[0, 1, 4, 3, 2, 5, 7, 6, 8, 9]
console.log(list4.sort())//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

reverse() 反序

var list5= [0,1,2,3,4,5,6,7,8,9];
console.log(list5.reverse());//[9, 8, 7, 6, 5, 4, 3, 2, 1, 0]

concat() 连接两个或多个数组

var list5= [0,1,2];
var list6=[3,4,5];
var list7=[6,7,8];
console.log(list5.concat(list6))//[0, 1, 2, 3, 4, 5]
console.log(list5.concat(list6,list7))//[0, 1, 2, 3, 4, 5, 6, 7, 8]

slice() 返回从原数组中指定开始下表到结束下标之间的项组成的新数组

var list8= [0,1,2,3,4,5,6,7];
console.log(list8.slice(2,5))//[2, 3, 4]

JavaScript数组的方法的更多相关文章

  1. javascript数组原型方法

    1.javascript数组原型方法. <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  2. JavaScript数组归并方法reduce

    示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF ...

  3. JavaScript——数组——slice方法

    JavaScript--数组--slice方法 JavaScript中的slice方法类似于字符串的substring方法,作用是对数组进行截取. slice方法有两个参数,indexStart 和 ...

  4. JavaScript数组去重方法及测试结果

    最近看到一些人的去面试web前端,都说碰到过问JavaScript数组去重的问题,我也学习了一下做下总结. 实际上最有代表性也就三种方法:数组双重循环,对象哈希,排序后去重. 这三种方法我都做了性能测 ...

  5. JavaScript 数组去重方法总结

    1.遍历数组法: 这应该是最简单的去重方法(实现思路:新建一新数组,遍历数组,值不在新数组就加入该新数组中) // 遍历数组去重法 function unique(arr){ var _arr = [ ...

  6. JavaScript数组处理方法

    JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); / ...

  7. JavaScript 数组去重 方法汇总

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  8. JavaScript数组对象方法

    数组的方法:首先,数组的方法有数组原型方法,也有从object对象继承来的方法.这里只详细说明一下数组的原型方法. (1)join:把数组中的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. 例 ...

  9. 松软科技web课堂:JavaScript 数组迭代方法

    数组迭代方法对每个数组项进行操作,听着挺高深,其实,就是对数组对象一次性逐一进行一种操作的一种叫法.(文章来源:www.sysoft.net.cn,加v:15844800162深度交流) Array. ...

  10. Javascript数组原型方法大全以及实例!!

    数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join() push()和pop() shift() 和 unshift() ...

随机推荐

  1. mysql远程登录

    mysql -h  -P -u -p-h:需要登录的mysql服务器的ip-P(大写):mysql开放的端口,如果是3306端口可省略此选项-u:数据库用户名-p:数据库密码

  2. (五)Maven目录结构及常用命令说明

    前面提到的部分知识有涉及到Maven目录结构与Maven常用的一些命令,在这里专门给大家做个简单的介绍. 1.Maven目录结构说明 Maven总体目录结构如下图: bin目录:该目录包含了mvn运行 ...

  3. Oracle如何实现创建数据库、备份数据库及数据导出导入的一条龙操作

    Oracle中对数据对象和数据的管理,无疑都是使用PL/SQL Developer来进行管理,该工具也提供给我们很多方便.快捷的操作,使得我们不再为Oracle本身丑陋.难用的UI而抱怨.由于我们一般 ...

  4. ORA-04091: table xxxx is mutating, trigger/function may not see it

    今天同事让我看一个触发器为什么老是报错,当执行DML语句触发触发器后,会报ORA-04091错误:ORA-04091: table xxxx is mutating, trigger/function ...

  5. Linux如何找出用户的创建时间

    在Linux系统中,如何找到用户创建的时间呢? 其实是没有标准方法查找用户创建时间.下面再搜索了一些资料后,自己验证并测试了一下这些方法,仅供参考: 1:如果创建的用户有家目录,那么可以ls -l / ...

  6. ASP.NET MVC Razor

    Razor是MVC3中才有的新的视图引擎.我们知道,在ASP.NET中,ASPX的视图引擎依靠<%和%>来调用C#指令.而MVC3以后有了一套新的使用@标记的Razor语法,使用起来更灵活 ...

  7. [iOS]技巧集锦:UICollectionView内容下沉64像素原因和解决方案

    现象 UICollectionView的内容在按Home键再回到APP时,会下沉64像素. 原因 页面有NavigationBar,正好是64像素,Controller勾选了Adjust Scroll ...

  8. 使用github之前的技能准备

    Git的导入 介绍 Git属于分散型版本管理系统,是为版本管理而设计的软件.版本管理就是管理更新的历史记录.它为我们提供了一些在软件开发过程中必不可少的功能,例如记录一款软件添加或更改源代码的过程,回 ...

  9. [Django]网页中利用ajax实现批量导入数据功能

    url.py代码: url(r'^workimport/$', 'keywork.views.import_keywork', name='import_keywork') view.py代码: fr ...

  10. VB.NET中图像处理的一些技巧以及其和C#图像处理的差距。

    早期的时候我使用的开发工具是VB6,VB6做图像处理的速度在我的软件Imageshop中有所体现,还是算可以的.目前,我已经改用C#来研究图像算法,C#中有指针,做图像处理起来效率确实要高不少.VB. ...