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 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 Javascript
JS中去掉array中重复元素的方法
May 26 Javascript
webpack 1.x升级过程中的踩坑总结大全
Aug 09 Javascript
JS二分查找算法详解
Nov 01 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
Vue 组件封装 并使用 NPM 发布的教程
Sep 30 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
Vue实现兄弟组件间的联动效果
Jan 21 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 28 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
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
桌面中心(三)修改数据库
2006/10/09 PHP
php学习之 认清变量的作用范围
2010/01/26 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
python中set常用操作汇总
2016/06/30 Python
pyenv命令管理多个Python版本
2017/03/26 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
企业法人代表证明书
2015/06/18 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
解析MySQL索引的作用
2022/03/03 MySQL
Python内置的数据类型及使用方法
2022/04/13 Python