详解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 相关文章推荐
JS的replace方法介绍
Oct 20 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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实现简单的上传进度条
2015/11/17 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
ThinkPHP表单令牌错误的相关解决方法分析
2016/05/20 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
CI框架附属类用法分析
2018/12/26 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
js 开发之autocomplete="off"在chrom中失效的解决办法
2017/09/28 Javascript
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
Pandas中把dataframe转成array的方法
2018/04/13 Python
Python使用matplotlib和pandas实现的画图操作【经典示例】
2018/06/13 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
open_basedir restriction in effect. 原因与解决方法
2021/03/14 PHP
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
教师读书活动总结
2014/05/07 职场文书
初中教师业务学习材料
2014/05/12 职场文书
关于保护环境的建议书
2014/05/13 职场文书
食品安全承诺书
2014/05/22 职场文书
共青团员自我评价
2015/03/10 职场文书
大学生读书笔记范文
2015/07/01 职场文书
小学语文国培研修日志
2015/11/13 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
浅谈Python数学建模之数据导入
2021/06/23 Python
SpringBoot整合Minio文件存储
2022/04/03 Java/Android