数组的基本方法如下

1、concat()

2、join()

3、pop()

4、push()

5、reverse()

6、shift()

7、sort()

8、splice()

9、toString()

10、unshift()

11、slice()。

1. concat()

该方法用于连接2个或者多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

语法:arrayObject.concat(array1,array2,....arrayx);

连接多个数组,使用逗号隔开;

比如如下代码演示:

var arr1 = [1,2,3],
arr2 = [4,5,6],
arr3 = [7,8,9,1,2,3];
console.log(arr1.concat(arr2,arr3)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 2, 3]
console.log(arr1); // [1,2,3]
console.log(arr2); // [4,5,6]
console.log(arr3); // [7,8,9,1,2,3]

2. join()

该方法是把数组中的所有元素放入一个字符串中,元素通过指定的分隔符进行分割的。

语法如下:arrayObject.join(separator);

separator: 指定分隔符对数组中的元素进行分割,如果省略该参数,则会使用逗号作为分隔符。如下代码演示:

var arrs = [];
arrs[0] = "aa";
arrs[1] = "bb";
arrs[2] = "cc";
console.log(arrs.join()); // aa,bb,cc
console.log(arrs.join("/")); // aa/bb/cc
console.log(arrs.join("-")); // aa-bb-cc

3.pop()

该方法删除数组的最后一个元素,把数组的长度减1,并且返回它被删除元素的值,如果数组变为空,则该方法不改变数组,返回undefine值。如下代码演示:

var arrs = [1,2,3,4];
console.log(arrs.pop()); //
console.log(arrs); // [1,2,3]

4.push()

该方法是向数组末尾添加一个或者多个元素,并返回新的长度。

基本语法:arrayObject.push(newElem1,newElem2,.....newElemX); 演示代码如下:

var arrs = [1,2,3];
arrs.push(4);
console.log(arrs); // [1,2,3,4]
arrs.push(5,6);
console.log(arrs); // [1,2,3,4,5,6]

5.reverse()

该方法用于颠倒数组中元素的顺序;

语法如下:arrayObject.reverse();

如下代码演示:

var arrs = [1,2,3,4];
console.log(arrs.reverse()); //[4,3,2,1]

6.shift()

该方法用于把数组的第一个元素从其中删除,并返回被删除的值。如果数组是空的,shift方法将不进行任何操作,返回undefined的值。

如下代码演示:

var arrs = [1,2,3,4];
console.log(arrs.shift());//
console.log(arrs); // [2,3,4] var arrs2 = [];
console.log(arrs2.shift()); // undefined
console.log(arrs2); // []

7.sort()

1. 该方法是对数组的元素进行排序;sortby参数规定排序顺序,且必须是函数。

如果该方法没有使用参数,则是按字母的字符编码的顺序进行排序。

2. 如果想按其他标准进行排序,就需要提供比较函数,该函数比较2个值,然后返回一个用于说明这2个值的相对顺序的数字,比如比较a与b,返回值如下:

若a小于b,在排序后的数组中a应该出现在b之前,则返回一个小于0的值。

若a等于b,在排序后的数组中 a等于b 则返回0;

若a大于b,则返回一个大于0的值;

比如如下代码演示:

var arrs = ["tugenhua","longen","alibaba"];
console.log(arrs.sort()); // ["alibaba", "longen", "tugenhua"] var arrs2 = ["15","5","8","12"];
console.log(arrs2.sort(function(a,b){
return a - b; // ["5", "8", "12", "15"]
}));

8.splice()

该方法用于插入,删除和替换数组的元素;

基本语法如下:

Array.splice(index,howmany,element1,.....elementX);

Index参数:【必填】是从何处添加/删除元素,该参数是开始插入或删除数组元素的下标,必须是数字;

Howmany: 【必须】应该删除多少个元素,必须是数字,也可以是0,如果未设定该参数,则删除从index开始到原数组结尾的所有元素;

Element1: 【可选】规定要添加到数组的新元素,从index所指的下标处开始插入;

ElementX: 【可选】 可向数组中添加若干个元素;

如下代码演示:

// 假如原数组如下
var arrs = [1,2,3,4,5,6];
// 先向数组的第二个位置中添加一个元素8;
arrs.splice(1,0,8);
console.log(arrs); // [1, 8, 2, 3, 4, 5, 6] // 接着从arrs数组中删除一个元素2
arrs.splice(2,1);
console.log(arrs); // [1, 8, 3, 4, 5, 6] // 再接着从arrs数组中替换一个元素8 使他变为10;如下代码:
arrs.splice(1,1,10);
console.log(arrs); // [1, 10, 3, 4, 5, 6]

9.toString()

将数组转换为一个字符串,并且返回这个字符串;如下代码演示:

var arrs = [1,2];
console.log(arrs.toString()); // 1,2

10.unshift()

该方法是向数组的开头添加一个或者更多元素,并返回新的长度。

如下代码演示:

var arrs = [1,2];
arrs.unshift(3);
console.log(arrs); //[3, 1, 2]

11.slice()

该方法是从已有的数组中返回指定的元素。

基本语法:arrs.slice(start,end);

start参数【必须】从何处开始选取(包括start),如果是负数,那么会从尾部选取,比如-1代表最后一个元素,-2代表倒数第二个元素,以此类推。

End参数【可选】规定是从何处结束选取(不包括end),如果没有指定该参数,那么数组会包含从start开始到数组结束的所有元素,如果该参数是负数的话,那么它规定的是从数组尾部开始算起的元素。

如下演示:

var arrs2 = [1,2,3];
console.log(arrs2.slice(1)); // [2,3]
console.log(arrs2.slice(0,1));// [1]
console.log(arrs2.slice(1,-1)); // [2]
console.log(arrs2.slice(2,-1)); // []
console.log(arrs2.slice(0)); // [1,2,3]

javascript中数组的常用方法的更多相关文章

  1. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  2. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

  3. JavaScript中数组常用方法的总结

    JavaScript中数组Array常用的方法总结 标签(空格分隔): JavaScript ECMAScript数组给我们提供了许多常用的方法,便于我们对数组进行操作,下面,就来总结一下这些方法. ...

  4. javascript中数组Array的方法

    一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...

  5. Javascript中数组

    Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...

  6. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

  7. javascript中数组的常用算法深入分析

    Array数组是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.本文将给大家详细介绍了javascri ...

  8. javascript中数组化的一般见解

    javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法. 数组化的一般方法 1.第一种也是我们最 ...

  9. 总结Javascript中数组各种去重的方法

    相信大家都知道网上关于Javascript中数组去重的方法很多,这篇文章给大家总结Javascript中数组各种去重的方法,相信本文对大家学习和使用Javascript具有一定的参考借鉴价值,有需要的 ...

随机推荐

  1. Android开发常用属性

    1.android string.xml 文字中间加入空格 android string.xml前后加空格的技巧 <string name="password">密   ...

  2. HashSet中实现不插入重复的元素

    /* 看一下部分的HashSet源码.... public class HashSet<E> extends AbstractSet<E> implements Set< ...

  3. 硬刚Google ,这家小公司的增长团队长啥样

    背景: AdRoll 是一家主打重定向广告(Retargeting)服务的技术公司,基于用户浏览记录等信息,为广告主提供几乎瞬时的广告位购买服务,当前估值15.5亿美元.吊打谷歌, AdRoll 已经 ...

  4. Elasticsearch 动态映射——自动检测

    ES中有一个非常重要的特性——动态映射,即索引文档前不需要创建索引.类型等信息,在索引的同时会自动完成索引.类型.映射的创建. 那么什么是映射呢?映射就是描述字段的类型.如何进行分析.如何进行索引等内 ...

  5. C#多线程技术总结(异步)

    我这里针对现有的C#多线程技术进行一个汇总,一是复习,二是方便索引,文章部份知识点来源于网络,非本人原创. 一.并行(异步): 1.System.Threading.Tasks命名空间下的(TPL): ...

  6. ASP.NET MVC必知必会知识点总结(一)

    一.URL Routing 1.添加URL路由映射的一般方法(在RegisterRoutes方法中添加): //第一种(建议采用这种): routes.MapRoute( "MyRoute& ...

  7. CSS魔法堂:再次认识font

    一.前言 文字承载着站点内涵,而良好的字体.排版则为用户提供舒适的阅读体验.本文打算对字体稍微深入一下子网页字体的内容,若有纰漏请大家指正,谢谢! 目录一坨: 二, 字体分类 1. 衬线体(Serif ...

  8. html的<meta>标签的作用

    <meta>标签包含了页面文档的上下文信息. 主要包含的上下文信息: 1.配置了服务器向浏览器响应时,http协议的head信息,浏览器根据head执行相应操作. 2.对页面的描述信息,便 ...

  9. .NET 中获取调用方法名

    在写记录日志功能时,需要记录日志调用方所在的模块名.命名空间名.类名以及方法名,想到使用的是反射(涉及到反射请注意性能),但具体是哪一块儿还不了解,于是搜索,整理如下: 需要添加相应的命名空间: us ...

  10. windows上安装使用mySql

    一直都使用MSSQL,这两天学习了下Mysql,感觉是这样的--->如果你会MSSQL那么你只需花很少的量时间就能上手MYSQL,如果你会MSSQL,什么MYSQL语法这些对你来说都不是麻烦事了 ...