js数组操作学习总结


Posted in Javascript onNovember 04, 2013

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 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
vue实现文章内容过长点击阅读全文功能的实例
Dec 28 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
js实现简单的轮播图效果
Dec 13 Javascript
Javascript执行效率全面总结
Nov 04 #Javascript
jquery的map与get方法详解
Nov 04 #Javascript
ajax请求get与post的区别总结
Nov 04 #Javascript
jquery text(),val(),html()方法区别总结
Nov 04 #Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 #Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 #Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 #Javascript
You might like
Session的工作方式
2006/10/09 PHP
php集成动态口令认证
2016/07/21 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
javascript数组组合成字符串的脚本
2021/01/06 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
js实现汉字排序的方法
2015/07/23 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
React服务端渲染(总结)
2017/07/01 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
最大K个数问题的Python版解法总结
2016/06/16 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
法国在线药房:Shop Pharmacie
2019/11/26 全球购物
PHP面试题及答案二
2015/05/23 面试题
档案检查欢迎词
2014/01/13 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
《春雨》教学反思
2014/04/24 职场文书
村级干部党员公开承诺事项
2015/05/04 职场文书
小学生家长意见
2015/06/03 职场文书
Python OpenGL基本配置方式
2022/05/20 Python