详解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针对DOM的应用实例(一)
Apr 15 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
JavaScript实现栈结构详细过程
Dec 06 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
php5.3 废弃函数小结
2010/05/16 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
jquery.validate分组验证代码
2011/03/17 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
2016/04/29 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
Python探索之创建二叉树
2017/10/25 Python
Python自定义函数实现求两个数最大公约数、最小公倍数示例
2018/05/21 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
python excel转换csv代码实例
2019/08/26 Python
Python对接支付宝支付自实现功能
2019/10/10 Python
python实现淘宝购物系统
2019/10/25 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
护理自荐信范文
2013/10/05 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
幼教求职信
2014/03/12 职场文书
2014年教师工作总结
2014/11/10 职场文书
2014年建筑工作总结
2014/11/26 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android