javascript数组常用方法汇总

本文为大家总结了javascript数组常用方法，具体内容如下

1、join（）方法：

Array.join()方法将数组中所以元素都转化为字符串链接在一起，返回最后生成的字符串。也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素。如果不指定分隔符，默认使用逗号。案例如下：

   var a=[1,2,3];
   a.join();//=> "1,2,3" 因为没有指定分隔符，默认为逗号。
   a.join("+");//=> "1+2+3" 指定分隔符为+
   a.join("-");//=> "1-2-3" 指定分隔符为-

Array.join()方法是String.split()方法的逆操作，后者是将字符串分割成若干块创建一个数组。

2、 reverse()方法：

Array.reverse()方法将数组中元素进行倒叙，返回倒叙的数组，它是在原来数组中进行倒叙，不产生的新数组，返回就是原来的数组，只不过里面元素已经进行倒叙重排了。案例如下：

   var a=[1,2,3];
   a.reverse();// =>a=[3,2,1];

3、sort()方法： 

Array.sort()方法将数组中的元素排序，并返回排序好的数组。如果不传参数默认以字母表顺序进行排序。案例如下：

   var a=[4,3,1,2]
   a.sort();// =>[1,2,3,4]
   a.sort(function(a,b){return a-b;});//=>[1,2,3,4] 降序排列
   a.sort(function(a,b){return b-a;});//=>[4,3,2,1] 升序排列

这里使用匿名函数很方便，因为函数只使用一次就没有必要给函数命名了。

4、concat():

Array.concat()方法创建并返回一个新数组，新数组中的元素包含调用数组的元素和concat()中传入参数的值，传入的参数可以是单独数值，也可以是数组,concat()不会递归扁平化数组的数组。案例如下：

  var a=[5,6,7];
  a.concat(1,2);// =>[5,6,7,1,2];
  a.concat([1,2]);// =>[5,6,7,1,2];
  a.concat(3,[1,2]);// =>[5,6,7,3,1,2];
  a.concat([1,[2,3]]);// =>[5,6,7,1,[2,3]];

5、slice（）方法： 

Array.slice()方法返回指定数组的一个片段或子数组。里面可以传一个参数或两个参数，参数可以为正也可以为负。案例如下：

 var a=[5,6,7,3,1,2];
 a.slice(1)// =>[6,7,3,1,2] 数字参数指的是数组的索引，一个参数表示开始的位置，不传第二个参数默认为数组中元素个数。
  a.slice(1,3)// =>[6,7] 第二参数是数组索引结束位置，(不包含) index>=1&&index<3;
 a.slice(1,-3)// =>[6,7] 当参数中有负数时候，可以进行转换正数，方法就是-3+6(数组里元素个数）
  a.slice(-3,-2)// =>[3] 同理如上。

6、splice（）方法： 

Array.splice()方法是在数组中插入或删除的通用方法。它会修改调用的数组，splice()可以传入三个参数，第一参数表示删除元素索引开始的地方，第二参数表示删除元素总数，第三参数，表示插入的元素，元素插入的位置就是删除元素开始的位置。案例如下：

  var a=[5,6,7,3,1,2];
 a.splice(2);// =>[7,3,1,2] a=[5,6];//传入一个参数表示从索引开始删除之后所有的元素。
 a.splice(2,2);// =>[7,3]   a=[5,6,1,2];第二个参数表示删除元素的个数。
 a.splice(2,2，'a','b','c'); //=>[7,3] a=[5,6,'a','b','c',1,2];

7、push（）和 unshift()方法：

Array.push()方法就是向数组最后面添加元素，它返回的是新数组的长度；Array.unshift()方法就是向数组最前面添加元素，返回的是新数组的长度。案例如下：

 var a=[1,2,3];
 a.push(4,5);// a=[1,2,3,4,5]; 返回 值为5；
 a.unshift(4,5);// a=[4,5,1,2,3]; 返回 值为5；☆传的参数可以一个，也可以多个。

8、pop（）和 shift()方法：

Array.pop()方法就是删除数组中最后一个元素，它返回是删除的元素；Array.shift()方法是删除数组最前面的元素，返回是删除的元素。

var a=[5,6,7];
a.pop();// a=[5,6]; 返回值为 7
a.shift();// a=[6,7]; 返回值 5

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • JavaScript数组常用方法

    判断某个对象是否是数组: instanceof.Array.isArray() 对于一个网页或者一个全局作用域可以使用instanceof操作符. if(value instanceof Array){  //判断value是否是数组     } instanceof操作符它假设只有一个全局执行环境,如果网页包含多个框架则使用ECMAScript5新增的Array.isArray()方法. if(Array.isArray(value)){//判断value是否是数组 } Array.isArr

  • js数组去重的三种常用方法总结

    第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数组中 复制代码 代码如下: Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++){  var repeat = false;  for(var j = 0; j < res.lengt

  • js数组去重的hash方法

    js数组去重的hash方法

    对于 JavaScript 数组去除重复项,现在有多种方法,其中一种是hash,如下: if (!Array.prototype.unique) { Array.prototype.unique = function () { var hash = {}, result = [], item; for (var i = 0; i < this.length; i++) { item = this[i]; if ( !hash[item] ) { hash[item] = true; result

  • Javascript中的数组常用方法解析

    Javascript中的数组常用方法解析

    前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var ar

  • javascript数组去重方法分析

    本文实例讲述了javascript数组去重方法.分享给大家供大家参考,具体如下: 方法一. 思路:创建一个新的空数组,循环遍历旧数组,用indexOf()方法,可以取得元素在数组中的位置,如果值为-1表示不存在.那么新数组用indexOf去获取老数组的每一个元素,如果值为-1表示不存在,就把他push到新数组里,最后输出新数组即去重后的数组 var arr=[24,56,74,89,24,56,78,09,24]; var new_arr=[]; for(var i=0;i<arr.length

  • javascript Array 数组常用方法

    (1)基本的数组方法 1.join() Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串.可以自己指定分隔的符号,如果不指定,默认使用逗号 var arr = [1,2,3]; console.log(arr.join());//"1,2,3" console.log(arr.join("-"));//"1-2-3" var a = new Array(10); //长度为10的空数组 组成下边字符串

  • js数组操作常用方法

    在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽. 记录下来. 1.数组的创建 复制代码 代码如下: var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不

  • javascript中数组（Array)对象和字符串（String)对象的常用方法总结

    本文实例总结了javascript中数组(Array)对象和字符串(String)对象的常用方法.分享给大家供大家参考,具体如下: 综述:笔者经常将数组的方法和字符串的方法混淆,这里写篇日志,做个区分 1.字符串对象 String是JavaScript中的五种基本类型之一. (1)字符串对象的创建 例1: var str="Hello world"; 或者 var str=new String("Hello world") (2)charAt()方法 charAt(

  • js中数组的常用方法小结

    本文实例总结了js中数组的常用方法.分享给大家供大家参考,具体如下: push 方法 该方法会把一个元素或一组元素(数组)添加到当前数组的末尾. eg: var arr1 = [1, 2, 3]; arr1.push([4, 5]); arr1的结果是[1, 2, 3, 4, 5] concat 方法 该方法会把两个数组或元素组合在一起,但是不会改变调用者的结构 eg: var arr1 = [1, 2, 3]; var arr2 = [4, 5]; var arr3 = arr1.concat

  • js中数组Array的一些常用方法总结

    var list = new Array()是我们在js中常常写到的代码,今天就总结哈Array的对象具有哪些方法. list[0] = 0; list[1] = 1; list[2] = 2; 或者这样声明:var list = [0,1,2] 1 shift()t:删除数组的第一个元素,返回删除的值.这里是0 2 unshift(3,4):把参数加载数组的前面,返回数组的长度.现在list:中是3,4,0,1,2 3pop():删除数组的最后一个元素,返回删除的值.这里是2. 4push(3

  • 解析JavaScript数组方法reduce

    解析JavaScript数组方法reduce

    Array.prototype.reduce() 概述 reduce()方法是数组的一个实例方法(共有方法),可以被数组的实例对象调用.reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. 语法 arr.reduce(callback[, initialValue]) {} 参数 回调函数中可以传递四个参数. previousValue:上一次调用回调函数返回的值,或者是提供的初始值(initialValue) current

  • js克隆对象、数组的常用方法介绍

    Ext的两种克隆的方法: 可以克隆对象.数据等:var newJson = Ext.clone(json); 只能克隆数组:var newJson = Ext.Array.clone(json); JQuery的方法: 深复制[可以迭代]:var newJson = jQuery.extend(true,{}, json); 浅复制[不能迭代]:var newJson = jQuery.extend({}, json); var newJson = $.map(json,function (n)

随机推荐