JavaScript数组方法总结分析


Posted in Javascript onMay 06, 2016

由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaScript教程的整理,具体内容如下:

一、普通方法

1、join() 将数组元素连接在一起,并以字符串形式返回
参数:可选,指定元素之间的分隔符,没有参数则默认为逗号
返回值:字符串
对原数组的影响:无

2、reverse()将数组的元素顺序变成倒序返回
参数:无
返回值:数组
对原数组的影响:原数组被修改为倒序排列之后的数组

3、sort()对数组元素进行排序并返回
参数:可选,排序的方法函数,没有参数则默认按照字典顺序排序
返回值:排序后的数组
对原数组的影响:原数组被修改为排序之后的数组

4、concat()连接若干个数组
参数:若干个,可以是数组或者是元素,
返回值:连接后的新数组
对原数组的影响:无

5、slice()从数组中截下若干个元素,组成新的数组并返回
参数:两个数字,其中第二个可选,第一个参数表示开始截取的第一个元素的index值(截取时包含这个元素),如果第一个参数是负数,则指截取的元素从元素结尾开始算起(如:-1表示最后一个元素);第二个参数的意义则是停止截取的元素的index值(截取时不包含这个字符),负值情况同第一个参数
返回值:截取的新数组
对原数组的影响:无

6、splice()从数组中替换、删除或插入元素并返回新数组
参数:若干个参数,其中第一个参数必需,其他为可选,第一个参数为操作的第一个index值,此时无第二个参数时,将删除第一个参数(包含第一个参数)的index值之后所有的元素,含有第二个参数时,第二个参数删除元素的个数,并返回这些元素组成的新数组;当第二个参数为0时,后面的参数会作为新的元素插入原数组,并返回一个空数组;当第二个参数不为0,且含有其他参数时,则进行替换操作,并返回替换之前那些原来元素组成的新数组
返回值:删除元素组成的新数组
对原数组的影响:会对原数组进行替换、删除、插入等操作

7、push()向数组的尾部添加元素并返回数组长度
参数:若干个,向数组尾部添加的元素
返回值:添加元素之后的数组的长度
对原数组的影响:原数组尾部被添加元素

8、pop()从数组尾部删除一个元素
参数:无
返回值:删除的元素
对原数组的影响:原数组尾部被删除一个元素

9、unshift()向数组的头部添加元素并返回数组长度
参数:若干个,向数组头部添加的元素
返回值:添加元素之后的数组的长度
对原数组的影响:原数头部被添加元素

10、shift()从数组头部删除一个元素
参数:无
返回值:删除的元素
对原数组的影响:原数组头部被删除一个元素

11、toString()将数组转化为字符串,每个元素之间以逗号相隔
参数:无
返回值:形成的字符串(二维数组中也只是连接二维数组的元素)
对原数组的影响:无

12、toLocaleString()是toString()方法的本地化版本

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

二、迭代器方法

1、foreach()对数组每个元素调用方法
参数:一个函数
返回值:无
对原数组的影响:无

2、every()接受一个返回值为布尔类型的函数,数组中所有的元素,该函数均返回true,则返回true,否则返回false
参数:一个返回值为布尔类型的函数
返回值:true或者false
对原数组的影响:无

3、some()接受一个返回值为布尔类型的函数,数组中只要有元素,该函数返回true,则返回true,否则返回false
参数:一个返回值为布尔类型的函数
返回值:true或者false
对原数组的影响:无

4、map()接受一个函数作为参数,返回一个新数组,新数组的元素是原数组元素使用该函数的结果
参数:一个函数
返回值:每个元素使用函数的结果值组成的数组
对原数组的影响:无

5、filter()接收一个返回值为布尔值的函数作为参数,对所有元素应该该函数,并返回返回值为true的元素组成的新数组
参数:一个函数
返回值:每个元素使用函数为true的元素组成的数组
对原数组的影响:无

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

三、归并方法

1、reduce()接受一个函数作为参数,返回一个值。从一个累加值开始, 不断对累加值和数组中的后续元素调用该函数。
参数:一个函数
返回值:最后的累加值
对原数组的影响:无

2、reduceRight()方法
说明:和reduce一样,只是执行顺序是从右到左

以上这篇JavaScript数组方法总结分析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
显示js对象所有属性和方法的函数
Oct 16 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
javascript比较两个日期相差天数的方法
Jul 24 Javascript
JS实现下拉菜单赋值到文本框的方法
Aug 18 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
ionic实现滑动的三种方式
Aug 27 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
JS平滑无缝滚动效果的实现代码
May 06 #Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 #Javascript
JavaScript中的原型继承基础学习教程
May 06 #Javascript
jquery实现下拉框功能效果【实例代码】
May 06 #Javascript
浅析在javascript中创建对象的各种模式
May 06 #Javascript
jquery自定义插件——window的实现【示例代码】
May 06 #Javascript
javascript创建对象的几种模式介绍
May 06 #Javascript
You might like
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
js substr、substring和slice使用说明小记
2011/09/15 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
Python实现测试磁盘性能的方法
2015/03/12 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
Python实现的选择排序算法示例
2017/11/29 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
模特职业生涯规划范文
2014/02/26 职场文书
单位委托书范本
2014/04/04 职场文书
教师节感谢信
2015/01/22 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python