JavaScript的map循环、forEach循环、filter循环

1、map循环

let arr=[1,2,3,4];
arr.map(function(value,key,arr){  //值,索引,数组(默认为选定数组)
    return item;  //如果没有return则返回一个全是undefined的数组,个数是索引+1(key+1)
})  //返回一个数组

2、forEach循环

let arr=[1,2,3,4];
arr.map(function(value,key,arr){  //值,索引,数组(默认为选定数组)
    return item;  //进行任何操作
})  //只返回undefined

3、filter循环

let arr=[1,2,3,4];
arr.map(function(value,key,arr){  //值,索引,数组(默认为选定数组)
    return false;  //根据true和false查看是否返回原数组
})  //false返回[],true返回只原数组

4、reduce循环(从头到尾)

let arr=[1,2,3,4];
arr.map(function(fristValue,nextValue,key,arr){  //数组第一个值(第一次存在),数组的下一个值,索引,数组(默认为选定数组)
    return fristValue+nextValue;  //所有数值相加,一直迭代
})  //返回return迭代的结果

5、reduceRight循环(从尾到头)

let arr=[1,2,3,4];
arr.map(function(fristValue,nextValue,key,arr){  //数组最后一个值(第一次存在),数组下一个值,索引,数组(默认为选定数组)
    return fristValue+nextValue;  //所有数值相加,一直迭代
})  //返回return迭代的结果

  

时间: 2024-08-27 13:49:11

JavaScript的map循环、forEach循环、filter循环的相关文章

JavaScript实现Map、Reduce和Filter

1. [代码][JavaScript]代码     <script type="text/javascript">// 函数式编程:// 描述我们要做什么,而不是我们如何去做.这意味着我们工作在一个更高的抽象层次.函数式编程将导致更精巧.清晰和令人愉快的代码. // 最基础的forEachfunction forEach(array, action) {for (var i = 0; i < array.length; i++) {action(array[i]);}

JavaScript中Map和ForEach的区别

译者按: 惯用Haskell的我更爱map. 原文: JavaScript?-?Map vs. ForEach - What's the difference between Map and ForEach in JavaScript? 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 如果你已经有使用JavaScript的经验,你可能已经知道这两个看似相同的方法:Array.prototype.map()和Array.prototyp

JS遍历数组的操作(map、forEach、filter等)

1.map的用法 定义:原数组被"映射"成对应新数组 代码示例: var users = [ {name: "张含韵", "email": "[email protected]"}, {name: "江一燕", "email": "[email protected]"}, {name: "李小璐", "email": "

JavaScript中如何中断forEach循环

先来看下forEach的实现 // Production steps of ECMA-262, Edition 5, 15.4.4.18// Reference: http://es5.github.io/#x15.4.4.18if (!Array.prototype.forEach) {   Array.prototype.forEach = function(callback, thisArg) {     var T, k;     if (this === null) {      th

增强for循环 -- foreach循环

1  作用 简化迭代器的书写格式.(注意:foreach循环的底层还是使用了迭代器遍历.) 2  适用范围 如果是实现了Iterable接口的对象或者是数组对象都可以使用foreach循环. 3  格式 for(数据类型 变量名 :遍历的目标){ } 示例: 1 public static void main(String[] args) { 2 HashSet<String> set = new HashSet<>(); 3 set.add("张三"); 4

for循环,for...in循环,forEach循环的区别

for循环 是应用最广泛的循环形式,适用于已知循环次数,循环嵌套情况 循环逻辑: 1. 定义循环变量并且赋值初始值 2. 判断是否符合进入循环的条件 3. 执行循环体 4. 执行步长 注:1 - 4步为循环执行 基本语法: for...in循环 for-in循环实际是为循环”enumerable“对象而设计的 例: forEach循环 从ES5开始 Javascript内置了forEach方法 用来遍历数组基本语法: 形参1:存储数组单元的数据 形参2:存储数组单元的索引下标 形参3:存储原始数

ecshop 模板变量循环 foreach

ecshop是smarty的改版,删除了一些功能,比如模板中的四则运算被删除了,比如我们想通过运算得到循环的key+1这样是得不到他的值的,不过我们可以使用其他的方法来得到. .iteration iteration contains the current loop iteration and always starts at one, unlike index It is incremented by one on each iteration. 比如 $menu_list = array(

PHP中的循环while、do...while、for、foreach四种循环。

php中的while循环,循环执行代码块制定的次数,或者当指定的条件为真时循环执行代码块. 在我们编写代码是时候,我们经常需要一块代码块重复执行多次.我们就可以使用while循环语句来完成这个任务. while--只要指定条件成立,则循环执行代码块. do...while--首先执行一次代码块,然后在指定的条件成立时重复这个循环. for--循环执行代码块制定的次数. foreach--根据数组中每个元素来循环代码块. while循环 while语句循环执行代码块,直到指定的条件不成立. whi

JavaScript循环之for/in循环

今天学到了JavaScript的语句篇.同其他常见编程语言如C.Java等一样,JavaScript中的语句包含:①表达式语句②复合语句和空语句③声明语句④条件语句⑤循环语句⑥跳转语句,当然JavaScript还有⑦其他三种语句.那么标题叫做JavaScript循环之for/in循环,主要是因为我觉得这里面大多语句跟C.Java那些一样,没必要再浪费口舌介绍了,但for/in循环是第一次在JavaScript中接触的.当然,这些都是非常基础的内容,只是做为学习笔记,初学JavaScript可以看