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

unshift:将参数添加到原数组开头,返回数组的长度(ie6下返回undefined)
var arr = [1, 2];
var out = arr.unshift(-1, 0);
console.log(arr); //[-1,0,1,2]
console.log(out); //4

pop:删除原数组的最后一项,返回数组删除的值;如果数组为空则返回undefined
var arr = [1, 2, 3, 4, 5];
var out = arr.pop();
console.log(arr); //[1,2,3,4]
console.log(out); //5
var arr = [];
var out = arr.pop();
console.log(arr); //[]
console.log(out); //undefined

push:将参数添加到原数组的末尾,返回数组的长度
var arr = [1, 2, 3];
var out = arr.push(4, 5, 6);
console.log(arr); //[1,2,3,4,5,6]
console.log(out); //6

concat:返回一个将参数添加到原数组中构成的新数组
var arr = [1, 2, 3];
var out = arr.concat(4, 5);
console.log(arr); //[1,2,3]
console.log(out); //[1,2,3,4,5]

splice(start,deleteCount,val1,val2,...):从start位置开始删除原数组deleteCount项,并从该位置起插入val1,val2,...,返回删除的项组成的新数组
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(2, 2, 7, 8, 9, 10);
console.log(arr); //[1,2,7,8,9,10,5]
console.log(out); //[3,4]
在清空数组时仅需传递start,如果不删除所有元素,再传递deleteCount
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(2);
console.log(arr); //[1,2]
console.log(out); //[3,4,5]
//同shift
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(0, 1);
console.log(arr); //[2,3,4,5]
console.log(out); //[1]
//同unshift
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(0, 0, 22, -1, 0);
console.log(arr); //[22,-1,0,1,2,3,4,5]
console.log(out); //[]
//同pop
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(arr.length - 1, 1);
console.log(arr); //[1,2,3,4]
console.log(out); //[5]
//同push
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(arr.length, 0, 6, 7, 8);
console.log(arr); //[1,2,3,4,5,6,7,8]
console.log(out); //[]

reverse:将原数组倒序;
var arr = ['a', 1, {}, [2, 3]];
console.log(arr); //['a', 1, {}, [2, 3]]
var out = arr.reverse();
console.log(arr); //[[2,3],{},1,'a']
console.log(out); //[[2,3],{},1,'a']
var arr = [0, 1, 5, 10, 15];
arr.reverse();
console.log(arr); //[15,10,5,1,0]
var arr = [1, 0, 5, 15, 10];
arr.reverse();
console.log(arr); //[10,15,5,0,1]

sort(orderfunction):sort()为升序排列,但是先调用每个数组项的toString()方法,然后比较字符串来排序,是按ASCII进行比较的;
//所以跟reverse不同原理不同。sort()不带参数的时候是从字面上对数组排序
var arr = [0, 1, 5, 10, 15];
arr.sort();
console.log(arr); //0,1,10,15,5 ,注意这里是字符串按ASCII进行比较的
//调用这样的函数就按数值方式排列了
function sortNumber(a, b) {
return a - b
}
arr.sort(sortNumber);
console.log(arr); //0,1,5,10,15

slice(start,end):返回从原数组中指定start到end(不包含该元素)之间的项组成的新数组,如只有一个参数,则从start到数组末尾
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
var out = arr.slice(2,3);
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8]
console.log(out); //[3]

join(separator):将数组的元素组成一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
var arr = [1, 2, 3, 4, 5, 6];
var out = arr.join();
console.log(arr); //[1, 2, 3, 4, 5, 6]
console.log(out); //1,2,3,4,5,6
out = arr.join("");
console.log(out); //123456
out = arr.join("&");
console.log(out); //1&2&3&4&5&6

自己总结了常用的一些array 中常用的方法

Array 对象常用的方法总结的更多相关文章

  1. JavaScript操作Array对象常用的方法

     转换方法 因为JavaScript内部机制(继承),所有的对象都具有toLocalString() .toString().valueOf()方法,Array也不例外so:var colors = ...

  2. javascript中字符串对象常用的方法和属性

    前言 字符串是一种非常重要的数据类型,在Java等面向对象编程语言中,它代表对象类型,而在javascript中它却是一种基本数据类型,在开发的领域中,我们经常会碰到,无论是前端还是后台.比如后台验证 ...

  3. javascript中的array对象属性及方法

    Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, e ...

  4. 总结JS中string、math、array的常用的方法

    JS为每种数据类型都内置很多方法,真的不好记忆,而且有些还容易记混,现整理如下,以便以后查看: 一.String ①charAt()方法用于返回指定索引处的字符.返回的字符是长度为 1 的字符串. 语 ...

  5. JS中String对象常用的方法

    1.  stringObject.charAt(index) 参数:index 必需,即字符在字符串中的下标.  返回值:   返回在指定位置的字符.返回的字符是长度为 1的字符串.(length属性 ...

  6. JavaScript Array对象的splice方法 数组的添加和删除

    Splice方法  :拼接 splice() 方法用于添加或删除数组中的元素. var index = Array.indexOf(value);    //可以匹配value在Array中的索引,匹 ...

  7. Mongodb For C# "Query" 对象常用的方法

    Query.All("name", "a", "b");//通过多个元素来匹配数组 Query.In("name", & ...

  8. httpRequest对象常用的方法

    IT程序员开发必备-各类资源下载清单,史上最全IT资源,个人收藏总结! 1. 获得客户机信息    getRequestURL方法返回客户端发出请求时的完整URL.    getRequestURI方 ...

  9. 测试Array对象的sort方法的作用。将1985,1970,1999,1998,2000,1963这些年份按升序输出。

    <script type="text/javascript">var years = new Array(1985,1970,1999,1998,2000,1963); ...

随机推荐

  1. java 导出百万数据到excel

    @RequestMapping("export") public void write(HttpServletRequest request,HttpServletResponse ...

  2. Mysql学习总结(20)——MySQL数据库优化的最佳实践

    1)谨慎而有效地使用索引 选择合理的索引(前缀性及可选性).删除没有用的索引. 2)使用规范化,但不要使用过头 规范化(至少是第三范式)是一个易于理解且标准的方法.然而,在有些情况下,你可能希望违反这 ...

  3. Echache整合Spring缓存实例讲解

    摘要:本文主要介绍了EhCache,并通过整合Spring给出了一个使用实例. 一.EhCache 介绍 EhCache 是一个纯Java的进程内缓存框架,具有快速.精干等特点,是Hibernate中 ...

  4. 成都磨子桥技工学校 / 2016届练习区 0003:jubeeeeeat

    0003:jubeeeeeat 总时间限制:  1000ms 内存限制:  256000kB 描述 众所周知,LZF很喜欢打一个叫Jubeat的游戏.这是个音乐游戏,游戏界面是4×4的方阵,会根据音乐 ...

  5. 第九章 TCP和UDP同一时候用复用一个port实现一个回射server

    #include <sys/types.h> #include <sys/socket.h> #include <netinet/in.h> #include &l ...

  6. 【Android】把外部文件拷贝的AVD安卓模拟器上的sdcard上,而且在AVD中浏览sdcard的文件

    首先.实现这一切的大前提是.你的AVD安卓模拟器,在启动之前.有设置好sdcard的大小,例如以下图.同一时候,你的AVD安卓模拟器,要处于启动状态.否则无法运行例如以下的操作. 这里以<[An ...

  7. 三步实现沉浸式状态栏(即状态栏与APP同色)

              本篇实现的是沉浸式状态栏.先明白下概念,什么是状态栏?直接上图:                什么是沉浸式状态栏?演示样例图例如以下:                       ...

  8. angularjs 服务供应商

    <!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...

  9. OWIN是Open Web Server Interface for .NET

    http://owin.org/ Servers and Hosts Katana Nowin Suave Frameworks Jasper Nancy SignalR WebApi WebShar ...

  10. rest_framework 解析器(下 全局配置使用)

    解析器 一般都是全局设置 参考文档 www.cnblogs.com/wupeiqi/articles/.html REST_FRAMEWORK=( "DEFAULT_PARSER_CLASS ...