javascript学习笔记--迭代函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript学习笔记--迭代函数相关的知识,希望对你有一定的参考价值。

概要

这里的迭代函数指的是对数组对象的操作方法,js数组共有五个迭代函数:every、fifter、forEach、map、some。

1、every

every方法,返回值为Boolean类型,true表示数组中所有元素都满足条件,false表示数组中至少有一个不满足条件,代码如下:

1 var numbers = [1,2,3,4,5,4,3,2,1];
2 numbers.every(function(item,index,array){ return item > 2; })
3 输出:false
4 
5 numbers.every(function(item,index,array){ return item > 0; })
6 输出:true

 

2、fifter

fifter方法,返回值为数组类型,表示符合条件过滤后的数组,代码如下: 

1 var numbers = [1,2,3,4,5,4,3,2,1];
2 numbers.filter(function(item,index,array){ return item > 2; });
3 输出:[3, 4, 5, 4, 3]

 

3、forEach

forEach方法提供对数组的遍历访问,和for方法一样,代码如下:

1 var numbers = [1,2,3,4,5,4,3,2,1];
2 numbers.forEach(function(item,index,array){ //do something; });

 

4、map

map方法,返回值为计算结果的数组,代码如下:

1 var numbers = [1,2,3,4,5,4,3,2,1];
2 numbers.map(function(item,index,array){ return item * 2; });
3 输出:[2, 4, 6, 8, 10, 8, 6, 4, 2]

 

5、some

some方法,返回值为Boolean类型,true表示数组中至少有一个满足条件,false数组中没有一个满足条件,代码如下:

1 var numbers = [1,2,3,4,5,4,3,2,1];
2 numbers.some(function(item,index,array){ return item > 2; })
3 输出:true
4 
5 numbers.some(function(item,index,array){ return item > 6; })
6 输出:false

 

总结:

学习切勿浮躁,稳扎稳打最重要。

 

以上是关于javascript学习笔记--迭代函数的主要内容,如果未能解决你的问题,请参考以下文章

《javascript高级程序设计》学习笔记 | 7.2.迭代器模式

Xitrum学习笔记08 - JavaScript and JSON

高性能 JavaScriptの笔记-- 算法与流程控制

JavaScript学习笔记——JavaScript语法之函数

JavaScript 高级程序设计第 7 章 迭代器和生成器 学习笔记

AngularJS入门学习笔记一