详解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 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
基于jquery的web页面日期格式化插件
Nov 15 Javascript
js实现单一html页面两套css切换代码
Apr 11 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
浅析BootStrap栅格系统
Jun 07 Javascript
Highcharts学习之数据列
Aug 03 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 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进行MySQL删除记录操作代码
2008/06/07 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
python正则表达式之对号入座篇
2018/07/24 Python
手把手教你使用Python创建微信机器人
2019/04/29 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
超市开学活动方案
2014/03/01 职场文书
个人担保书格式范文
2014/05/12 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
优秀共产党员事迹材料
2014/12/18 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
解除处分决定书
2015/06/25 职场文书
Python中glob库实现文件名的匹配
2021/06/18 Python
详解如何使用Nginx解决跨域问题
2022/05/06 Servers