详解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的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
Nov 25 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
原生js实现二级联动菜单
Nov 27 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详解ASCII码对照表与字符转换
2011/12/05 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python制作简易注册登录系统
2016/12/15 Python
Python中with及contextlib的用法详解
2017/06/08 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
实例讲解Python爬取网页数据
2018/07/08 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
python实现整数的二进制循环移位
2019/03/08 Python
Django admin.py 在修改/添加表单界面显示额外字段的方法
2019/08/22 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
ORACLE十问
2015/04/20 面试题
护理专业自我鉴定
2014/01/30 职场文书
运动会解说词100字
2014/01/31 职场文书
婚前协议书范本
2014/04/15 职场文书
python入门之算法学习
2021/04/22 Python