详解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焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
JavaScript设计模式之抽象工厂模式介绍
Dec 28 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
javascript数组元素删除方法delete和splice解析
Dec 09 Javascript
jQuery实现轮播图效果demo
Jan 11 jQuery
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 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 缓存函数代码
2008/08/27 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
两个比较有用的Javascript工具函数代码
2010/02/17 Javascript
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
php中给js数组赋值方法
2014/03/10 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
jQuery选择器总结之常用元素查找方法
2016/08/04 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
vue使用v-for实现hover点击效果
2018/09/29 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
python进阶教程之词典、字典、dict
2014/08/29 Python
python制作最美应用的爬虫
2015/10/28 Python
详谈python read readline readlines的区别
2017/09/22 Python
python实现随机梯度下降法
2020/03/24 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
Python编写万花尺图案实例
2021/01/03 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
产品销售员岗位职责
2013/12/18 职场文书
会计学专业求职信
2014/07/17 职场文书
承诺书模板
2014/08/30 职场文书
颐和园的导游词
2015/01/30 职场文书
小学教师年度个人总结
2015/02/05 职场文书
2019同学聚会主持词
2019/05/06 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript