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 相关文章推荐
javascript编程起步(第六课)
Feb 27 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
javascript操作excel生成报表示例
May 08 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
微信小程序url与token设置详解
Sep 26 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
PHP源代码数组统计count分析
2011/08/02 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
php中检查文件或目录是否存在的代码小结
2012/10/22 PHP
解析PHP中ob_start()函数的用法
2013/06/24 PHP
Laravel 5.0 发布 新版本特性详解
2015/02/10 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
Vue组件开发初探
2017/02/14 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
js实现文字头像的生成代码
2020/03/07 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
python 模块导入问题汇总
2021/02/01 Python
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
西雅图的买手店:Totokaelo
2019/10/19 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
餐饮部总监岗位职责范文
2014/02/13 职场文书
园艺师求职信
2014/03/10 职场文书
手术室护士个人总结
2015/02/13 职场文书
高三毕业感言
2015/07/30 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python