js Array操作的最简短最容易理解方法


Posted in Javascript onDecember 09, 2013

Array 的方法
1 Array.join(): 把所有元素用符号连结成string返回, 如果元素不是基本类型, 先调用toString.
它对应string.split();
arr = [1,2,true,3,4,5];
(arr.join('-') == '1-2-true-3-4-5';

2 Array.reverse(): 逆序排列数组
arr = [1,2,true,3,4,5];
arr.reverse();// arr == [5,4,3,true,2,1];

3 Array.sort(): 排序,可以传递一个排序函数作参数
arr.sort(function(a,b){
    return a-b;
});

4 Array.concat(): 拼接函数,
在末尾拼接上新元素,返回拼接后的array,但是不改变原array;参数可以是一个元素,多个元素,一个数组,
如果是一个元素,或多个元素,直接把这些元素加到末尾,如果是一个数组,则把数组各个元素拿出来拼接到尾部。
a = [1,2,3];
a.concat(4,5)// return [1,2,3,4,5]
a.concat([4,5])// return [1,2,3,4,5]
a.concat([4,5],[6,7]);//return [1,2,3,4,5,6,7]
a.concat([4,[5,6]])//return [1,2,3,4,[5,6]]//注意

5 Array.slice(startPos, endPos): 取子字符串函数(原array保持不变)
从startPos开始到endPos结束但不包括endPos上的元素
如果没有endPos,则取到尾
如果pos为负, 则倒着数
a = [1,2,3,4,5];
a.slice(0,3)// return [1,2,3]
a.slice(3)//return [4,5]
a.slice(1,-1)//return [2,3,4]//从第一个开始取,取到倒数第1个,但不包括倒数第1个
a.slice(1,-2);//return [2,3]//从第一个开始取,取到倒数第2个,但不包括倒数第2个

6 Array.splice(startPos, length, [added1, added2...]) 随机存取函数
可以随机删除一个(些)元素,也可以加上一些元素,
如果只有两个参数,则从array中删除从startPos开始总共length个元素
如果有两个以上参数,则从array中删除从startPos开始总共length个元素,再从刚才删除的位置添加上后面的元素
如果被添加的元素是一个数组则把这个数组作为一个元素(与concat差别)
a = [1,2,3,4,5];
a.splice(1,2)//return [2,3]; a==[1,4,5]
a.splice(1,2,6,7,8)//return [2,3]; a==[1,6,7,8,4,5]
a.splice(1,2,[6,7,8]);//return [2,3]; a==[1,[6,7,8],4,5]

7 Array.push() 和 Array.pop();
都是操作最后一个元素,push是添加,pop是删除最后一个元素并返回该元素

8 Array.unshift() 和 Array.shift()
都是操作第一个元素,unshift是添加,shift是删除第一个元素并返回该元素

合计起来
这些方法会改变原array:reverse, sort, splice, push, pop, unshift, shift
这些方法不会改变原array:join, concat, splice

Javascript 相关文章推荐
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
Aug 01 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
js实现正方形颜色从下往上升的效果
Aug 04 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
vue日期组件 支持vue1.0和2.0
Jan 09 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 Javascript
javascript放大镜效果的简单实现
Dec 09 #Javascript
javascript贪吃蛇完整版(源码)
Dec 09 #Javascript
关于js内存泄露的一个好例子
Dec 09 #Javascript
JS连连看源码完美注释版(推荐)
Dec 09 #Javascript
解析Javascript中难以理解的11个问题
Dec 09 #Javascript
深入理解Javascript作用域与变量提升
Dec 09 #Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 #Javascript
You might like
PHP概述.
2006/10/09 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
Prototype Template对象 学习
2009/07/19 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
玩转方法:call和apply
2014/05/08 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
Js通过AES加密后PHP用Openssl解密的方法
2019/07/12 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
原生js实现随机点名
2020/07/05 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
python的类方法和静态方法
2014/12/13 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
python文件和文件夹复制函数
2020/02/07 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
餐饮业创业计划书范文
2014/01/06 职场文书
国旗下演讲稿
2014/05/08 职场文书
文明城市标语
2014/06/16 职场文书
授权委托书样本
2014/09/25 职场文书
事业单位考察材料范文
2014/12/25 职场文书
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python
Oracle锁表解决方法的详细记录
2022/06/05 Oracle