详解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调用webService远程访问出错的解决方法
May 21 Javascript
js类型检查实现代码
Oct 29 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
Sep 05 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
Bootstrap的基本应用要点浅析
Dec 19 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
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中的时间处理
2006/10/09 PHP
ini_set的用法介绍
2014/01/07 PHP
PHP会员找回密码功能的简单实现
2016/09/05 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
laravel手动创建数组分页的实现代码
2018/06/07 PHP
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
window.open不被拦截的实现代码
2012/08/22 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript 中 avalon绑定属性总结
2016/10/19 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
python 下载文件的多种方法汇总
2020/11/17 Python
保密工作实施方案
2014/02/24 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
教师三严三实心得体会
2014/10/11 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书