详解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 removeChild 使用注意事项
Apr 11 Javascript
jQuery select操作控制方法小结
May 26 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
深入了解JavaScript 私有化
May 30 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 Javascript
node.js基础知识汇总
Aug 25 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实现多条件查询实例代码
2010/07/17 PHP
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php 魔术方法详解
2014/11/11 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
jquery 插件学习(三)
2012/08/06 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
2015/05/14 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
CSS中position属性之fixed实现div居中
2015/12/14 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
vue利用axios来完成数据的交互
2018/03/23 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python决策树之CART分类回归树详解
2017/12/20 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
Python list运算操作代码实例解析
2020/01/20 Python
python实现FTP循环上传文件
2020/03/20 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
HTML5未来发展趋势
2016/02/01 HTML / CSS
一套Delphi的笔试题二
2013/05/11 面试题
班主任工作年限证明
2014/01/12 职场文书
四年级科学教学反思
2014/02/10 职场文书
青年文明号创建承诺
2014/03/31 职场文书
门前三包责任书
2014/04/15 职场文书
中秋客户感谢信
2015/01/22 职场文书
人事行政主管岗位职责
2015/04/09 职场文书