javascript数组使用调用方法汇总


Posted in Javascript onDecember 08, 2007

JS数组方法汇总
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代替本方法来使用。

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

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"

Javascript 相关文章推荐
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
JS实现同时搜索百度和必应的方法
Jan 27 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
javascript实现随机显示星星特效
Jan 28 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 #Javascript
项目实践之javascript技巧
Dec 06 #Javascript
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 #Javascript
JavaScript 节点操作 以及DOMDocument属性和方法
Dec 06 #Javascript
javascript 常用关键字列表集合
Dec 04 #Javascript
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 #Javascript
超棒的javascript页面顶部卷动广告效果
Dec 01 #Javascript
You might like
PHP实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
新浪微博API开发简介之用户授权(PHP基础篇)
2011/09/25 PHP
PHP多进程编程实例
2014/10/15 PHP
PHP正则表达式之捕获组与非捕获组
2015/11/06 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
jQuery简单实现banner图片切换
2014/01/02 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
2017/09/19 jQuery
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
2017/10/26 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
JS实现li标签的删除
2019/04/12 Javascript
Vue 2.0 侦听器 watch属性代码详解
2019/06/19 Javascript
[29:10]Ti4 冒泡赛第二天 NEWBEE vs Titan 3
2014/07/15 DOTA
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
python变量的存储原理详解
2019/07/10 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
HTML5的新特性(1)
2016/03/03 HTML / CSS
什么是规则表达式
2012/05/03 面试题
团支书的期末学习总结自我评价
2013/11/01 职场文书
关于工作经历的证明书
2014/10/11 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
vue实现同时设置多个倒计时
2021/05/20 Vue.js