详解js中Array的方法及技巧


Posted in Javascript onSeptember 12, 2018

JS Array的一些方法在实际中很常用,这里整理记录下来,一是为了常常回顾,二也是方便大家

Map

map():返回一个新的Array,每个元素为调用function的结果

语法: array.map(function(currentValue,index,arr), thisValue)

举例:

var numbers = [65, 44, 12, 4], changedValue;
function multiplyArrayElement(num) {
 return num * 2;
}
(function myFunction() {
 changedValue = numbers.map(multiplyArrayElement);
})()
console.log(changedValue);

Filter 

filter():返回一个符合function条件的元素数组

语法: array.filter(function(currentValue,index,arr), thisValue)

举例:

var ages = [32, 33, 16, 40], changedValue; 
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.filter(checkAdult);
})()
console.log(changedValue);

Some

some():返回一个boolean,判断是否有元素是否符合function条件

语法: array.some(function(currentValue,index,arr),thisValue)

举例:

var ages = [3, 10, 18, 20], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.some(checkAdult);
})()
console.log(changedValue);

Every

every():返回一个boolean,判断每个元素是否符合function条件

语法: array.every(function(currentValue,index,arr), thisValue)

举例:

var ages = [32, 33, 16, 40], changedValue;
function checkAdult(age) {
 return age >= 18;
}
(function myFunction() {
 changedValue = ages.every(checkAdult);
})()
console.log(changedValue);

ForEach

forEach():没有返回值,只是针对每个元素调用function

语法: array.forEach(function(currentValue, index, arr), thisValue)

举例:

var numbers = [4, 9, 16, 25],changedValue;
function myFunction(item, index, arr) {
 arr[index] = item + 1; 
}
numbers.forEach(myFunction);
console.log(numbers);

 

Javascript 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
javascript 学习笔记(onchange等)
Nov 14 Javascript
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
Vue AST源码解析第一篇
Jul 19 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
JS运动特效之链式运动分析
Jan 24 Javascript
vue监听对象及对象属性问题
Aug 20 Javascript
JS实现音乐导航特效
Jan 06 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 #Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 #Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 #Javascript
vue服务端渲染缓存应用详解
Sep 12 #Javascript
angularjs中判断ng-repeat是否迭代完的实例
Sep 12 #Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 #Javascript
详解JavaScript中操作符和表达式
Sep 12 #Javascript
You might like
我的论坛源代码(一)
2006/10/09 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
JavaScript this调用规则说明
2010/03/08 Javascript
基于JQuery的cookie插件
2010/04/07 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
2013/11/23 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
[03:15]DOTA2-DPC中国联赛1月22日Recap集锦
2021/03/11 DOTA
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
wxPython的安装与使用教程
2018/08/31 Python
Python中反射和描述器总结
2018/09/23 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
Linux如何为某个操作添加别名
2013/03/01 面试题
社区服务活动总结
2014/05/07 职场文书
各种货币符号快捷输入
2022/02/17 杂记