详解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对象与DOM对象之间的转换方法
Apr 15 Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
Jul 06 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
bootstrap下拉框动态赋值方法
Aug 10 Javascript
JS实现根据详细地址获取经纬度功能示例
Apr 16 Javascript
JS实现鼠标按下拖拽效果
Jul 23 Javascript
微信小程序实现星星评分效果
Nov 01 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 获取指定地区的天气实例代码
2017/02/08 PHP
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
2016/03/29 Javascript
原生js实现弹出层登录拖拽功能
2016/12/05 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
JsChart组件使用详解
2018/03/04 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
Python异常学习笔记
2015/02/03 Python
举例讲解Python中is和id的用法
2015/04/03 Python
python取代netcat过程分析
2018/02/10 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
python字符串判断密码强弱
2020/03/18 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
微软瑞士官方网站:Microsoft瑞士
2018/04/20 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
应届生体育教师自荐信
2013/10/03 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
行政文员岗位职责
2015/02/04 职场文书
部队个人年终总结
2015/03/02 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
导游词之日月潭
2019/11/05 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript
java多态注意项小结
2021/10/16 Java/Android
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript