详解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 相关文章推荐
表单的一些基本用法与技巧
Jul 15 Javascript
js图片自动切换效果处理代码
May 07 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 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就可用
2010/10/12 PHP
给PHP开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
JScript的条件编译
2007/05/29 Javascript
传智播客学习之java 反射
2009/11/22 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
AngularJS基础 ng-model 指令详解及示例代码
2016/08/02 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
Python中类的初始化特殊方法
2017/12/01 Python
用python实现百度翻译的示例代码
2018/03/09 Python
python 构造三维全零数组的方法
2018/11/12 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
网站性能延迟加载图像的五种技巧(小结)
2020/08/13 HTML / CSS
PAUL HEWITT手表美国站:德国北部时尚生活配饰品牌,船锚元素
2017/11/18 全球购物
少儿节目主持串词
2014/04/02 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
2014年团队工作总结
2014/11/24 职场文书
银行实习推荐信
2015/03/27 职场文书
学校百日安全活动总结
2015/05/07 职场文书
公司职员入党自传书
2015/06/26 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript