详解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 相关文章推荐
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
javaScript基础语法介绍
Feb 28 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
使用layui的layer组件做弹出层的例子
Sep 27 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 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
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
PHP的5个安全措施小结
2012/07/17 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
php获取CSS文件中图片地址并下载到本地的方法
2014/12/02 PHP
PHP调用接口API封装的例子
2019/10/11 PHP
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
2017/07/11 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
用python 制作图片转pdf工具
2015/01/30 Python
python获取指定网页上所有超链接的方法
2015/04/04 Python
粗略分析Python中的内存泄漏
2015/04/23 Python
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
django使用图片延时加载引起后台404错误
2017/04/18 Python
几种实用的pythonic语法实例代码
2018/02/24 Python
python中的decorator的作用详解
2018/07/26 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
django foreignkey(外键)的实现
2019/07/29 Python
使用opencv识别图像红色区域,并输出红色区域中心点坐标
2020/06/02 Python
Python新手学习函数默认参数设置
2020/06/03 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
python搜索算法原理及实例讲解
2020/11/18 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
教师学习培训邀请函
2014/02/04 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
会议营销主持词
2015/07/03 职场文书
初中思品教学反思
2016/02/20 职场文书