Javascript数组操作函数总结

 更新时间:2015年02月05日 10:52:31   投稿:hebedich  
这篇文章主要给大家汇总介绍了Javascript数组操作函数,需要的朋友可以参考下

其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用。

shift :删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.shift(); //a:[2,3,4,5] b:1

unshift :将参数添加到原数组开头,并返回数组的长度

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7

注:在IE6.0下测试返回值总为 undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。本文来自www.45it.com

pop :删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.pop(); //a:[1,2,3,4] b:5

push :将参数添加到原数组末尾,并返回数组的长度

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat :返回一个新数组,是将参数添加到原数组中构成的

复制代码 代码如下:

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

splice (start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]
var b = a.splice(0,1); //同shift
a.splice(0,0,-2,-1); var b = a.length; //同unshift
var b = a.splice(a.length-1,1); //同pop
a.splice(a.length,0,6,7); var b = a.length; //同push

---------------------------------------------------

splice详解

splice函数方法是从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。

  arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

  其中arrayObj必选项。一个 Array 对象。

  start是必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。

  deleteCount是必选项。要移除的元素的个数。

  item1, item2,. . .,itemN是必选项。要在所移除元素的位置上插入的新元素。

  JavaScript中splice函数方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。

---------------------------------------------------

reverse :将数组反序

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]

sort (orderfunction):按指定的参数对数组进行排序

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]

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

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]

join (separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符

复制代码 代码如下:

var a = [1,2,3,4,5];
var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

以上就是本文的全部内容了,希望小伙伴们能够喜欢。

相关文章

  • js鼠标点击图片切换效果代码分享

    js鼠标点击图片切换效果代码分享

    这篇文章主要为大家详细介绍了js鼠标点击图片切换效果,很实用的代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • javascript实现回到顶部特效

    javascript实现回到顶部特效

    当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。
    2015-05-05
  • 一文详解DOM的概念和常用操作

    一文详解DOM的概念和常用操作

    本文详细介绍了DOM的概念和常用操作,文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容,感兴趣的朋友可以参考阅读本文
    2023-04-04
  • JS实现JSON.stringify的实例代码讲解

    JS实现JSON.stringify的实例代码讲解

    JSON.stringify是浏览器高版本带的一个将JS的Objtect对象转换为JSON字符串的一个方法,不过再IE6下面,并不存在JSON这一对象,因此,用到此方法时,需要写一套兼容性的代码。接下来通过本文给大家分享JS实现JSON.stringify的实例代码,需要的朋友参考下吧
    2017-02-02
  • select多选 multiple的使用示例

    select多选 multiple的使用示例

    使用multiple可以实现select多选,本例将为大家介绍下select多选 multiple的使用,新手朋友们可以学习下
    2014-06-06
  • 脚本安需导入(装载)的三种模式的对比

    脚本安需导入(装载)的三种模式的对比

    脚本安需导入(装载)的三种模式的对比...
    2007-06-06
  • JavaScript实现继承的6种常用方式总结

    JavaScript实现继承的6种常用方式总结

    JavaScript想实现继承的目的:重复利用另外一个对象的属性和方法。本文为大家总结了JavaScript实现继承的6种常用方式,需要的可以参考一下
    2022-07-07
  • javascript基本算法汇总

    javascript基本算法汇总

    这篇文章主要为大家详细介绍了javascript基本算法,包括输出奇偶数控制算法、冒泡排序等,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JS this作用域以及GET传输值过长的问题解决方法

    JS this作用域以及GET传输值过长的问题解决方法

    专IE7浏览器,IE URL参数过长问题,引发HTTP Status 122报错;this作用域问题,对应的解决方法如下,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • javascript动态控制服务器控件实例

    javascript动态控制服务器控件实例

    在页面中放入一个DropDownList控件,并添加一项,用来分析其产生的HTML代码,这样在使用js进行动态控制时,将会非常清晰
    2014-09-09

最新评论