详解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 相关文章推荐
用javascript实现读取txt文档的脚本
Jul 20 Javascript
JavaScript OOP面向对象介绍
Dec 02 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 Javascript
常用的jQuery前端技巧收集
Dec 24 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
php 301转向实现代码
2008/09/18 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
js格式化时间小结
2014/11/03 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
详解Angular的双向数据绑定(MV-VM)
2016/12/26 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
vue 自定义右键样式的实例代码
2019/11/06 Javascript
vue 实现动态路由的方法
2020/07/06 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
简单了解python模块概念
2018/01/11 Python
Python3.5局部变量与全局变量作用域实例分析
2019/04/30 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
宿舍使用违章电器检讨书
2014/01/12 职场文书
儿媳婚宴答谢词
2014/01/14 职场文书
全民健身日活动方案
2014/01/29 职场文书
区三好学生主要事迹
2014/01/30 职场文书
大学军训感言300字
2014/03/09 职场文书
保险经纪人求职信
2014/03/11 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2015年路政工作总结
2015/05/22 职场文书