es6 map和Reduce

最新推荐文章于 2022-06-11 22:47:47 发布
最新推荐文章于 2022-06-11 22:47:47 发布
阅读量409 收藏
点赞数
分类专栏： vue+nodejs 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44371237/article/details/122155445
版权 
<body>
    <script>
        // //接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回
        // let arr1 = ['1', '3', '8']
        // console.log(arr1);

        // //为数字乘以2返回
        // arr2 = arr1.map((item) => { return item * 2 });
        // console.log(arr2);

        // //简化函数
        // arr3 = arr1.map(item => item * 2);
        // console.log(arr3);


        //接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
        // const arr = [1, 20, -5, 3];
        // arr.reduce((a,b) => {
        //     console.log(a);
        //     console.log(b);
        // },10)
        // //没有初始值：
        // console.log(arr.reduce((a, b) => a + b));//19
        // console.log(arr.reduce((a, b) => a * b));//-300
        // //指定初始值：
        // console.log(arr.reduce((a, b) => a + b, 1));//20
        // console.log(arr.reduce((a, b) => a * b, 0));//-0

        //var numbers = [1, 2, 3, 4];

        // function getSum(total, num) {
        //     return total + num;
        // }
        // console.log(numbers.reduce(getSum));

        //reduce(callback,initiaValue)会传入两个变量，回调函数(callback)和初始值(initiaValue)。
        //console.log(numbers.reduce((total, num) =>  total))

        /* arr.reduce(callback,[initialValue])
              callback （执行数组中每个值的函数，包含四个参数）  
                1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
                2、currentValue （数组中当前被处理的元素）
                3、index （当前元素在数组中的索引）
                4、array （调用 reduce 的数组）       
                initialValue （作为第一次调用 callback 的第一个参数（初始previousValue）。）*/

        //数组求和
        var arr = [1, 2, 3, 4];

        console.log(1);

        var sum = arr.reduce(function (prev, cur, index, arr) {
            //调试，实在不明白可以单步调试一下
            //debugger
            console.log(prev, cur, index, arr);
            //return prev + cur;
            return 1;
            //下面的指定pre的初始值为0
        }, 0)
        //console.log(arr, sum);


    </script>
</body>
热爱技术的小陈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6新特性：map和reduce
流楚丶格念的博客
02-21 2619
文章目录说明1.map()代码示例：2.reduce()代码示例：综合案例 说明 ES6中，数组新增了map和reduce方法。 1.map() map() ：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 代码示例： 有一个字符串数组，我们希望转为int数组 let arr = ['1', '20', '-5', '3']; console.log(arr) //传统写法 let newArr = arr.map(function(s) { return parseInt(s); }
ES6-map和reduce
景月娇-Kathy
04-07 503
数组中新增了map和reduce方法。 1、map map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 举例：有一个字符串数组，我们希望转为int数组 let arr = ['1','20','-5','3']; console.log(arr) arr = arr.map(s => parseInt(s)); console.log(arr) 2、r...
Es6之map和reduce
小小雨伞的博客
02-25 124
数组中新增了map和reduce方法。 map map()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 举例：有一个字符串数组，我们希望转为int数组 let arr = ['1','20','-5','3']; console.log(arr) arr = arr.map(s => parseInt(s)); console.log(arr) reduc...
es6学习之map和reduce
weixin_45942124的博客
01-07 172
数组中新增了map和reduce方法。 1、map()： 接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 let arr = ['1', '20', '-5', '3']; // arr = arr.map((item)=>{ // return item*2 // }); //简写 arr = arr.map(item=> item*2); //打印结果 console.log(arr); [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(
ES6之map和reduce的用法
枸杞泡茶的博客
01-30 266
map() ：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。 比如说将一个Number类型的数组转为一个字符串类型的数组 /*将数组转换为字符串数组*/ let arr = [1,2,3]; let newArr = arr.map(value => value.toString()) console....
js代码-es6 map,filter
07-16
在JavaScript的ES6中，`Map`和`Filter`方法是处理数组的强大工具，它们分别用于元素的转换和条件筛选。理解并熟练运用这两个方法，可以让我们写出更简洁、更易于理解的代码。在实际项目中，这两个方法经常与其他高阶...
浅谈ES6新增的数组方法和对象
08-29
其次，ES6中新增了数组方法map()、filter()和reduce()。 1. 数组方法map()：返回一个新的数组，例如： ``` let arr = [1, 2, 3, 4, 3, 2, 1, 2]; let newArr = arr.map((value, index, arr) => value); console.log...
es6
02-17
**ES6，全称ECMAScript 2015，是JavaScript语言的一个重大更新版本，引入了许多新特性，显著提升了代码的可读性和编写效率。本文将深入探讨ES6的关键特性，包括但不限于变量声明、解构赋值、箭头函数、模板字符串、...
ES6新特性的部分示例代码
最新发布
04-25
这些只是ES6特性的一部分，还有像`Set`、`Map`、`WeakSet`、`WeakMap`等数据结构，以及`for...of`循环、`async/await`等更多内容，它们共同构成了ES6丰富的特性集合，使得JavaScript在前端开发中更具魅力。
es6数组的方法的集合
03-01
ES6 是 JavaScript 的一个重大更新，引入了许多新的特性和语法改进，其中对于数组处理的增强是重要的部分。这里我们将详细探讨这些方法的功能、用途以及如何使用它们。 1. `push()`：这个方法允许你在数组的末尾...
ES6学习笔记09-map和reduce
doublewe的博客
01-13 119
前言： map()：数组实例的方法，接收一个数组，将数组中的所有元素处理后返回新的数组。 reduce()： 1.map()方法代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>...
ES6中的map和reduce
实践求真知
10-18 399
一实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <.
es6中map，reduce，promise
欧气满满大顺顺的博客
01-03 1774
ES6 新特性 1、let 声明变量 // var 声明的变量往往会越域 // let 声明的变量有严格局部作用域 { var a = 1; let b = 2; } console.log(a); // 1 console.log(b); // ReferenceError: b is not defined // var 可以声明多次 // let 只能声明一次 var m = 1 var m = 2 let n = 3 // let n = 4 console.log(m) // 2 console.
ES6 数组 map() 和 reduce () 方法
BradyCC的博客
06-21 628
const obj = {a: 1, b: 2, c: 3, d: 4}; console.log(Object.entries(obj)); // JSON格式化为数组：[ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ], [ 'd', 4 ] ] const result = Object.entries(obj).map( item => { return...
ES6数组中关于map和reduce的使用
weixin_42638610的博客
08-20 1083
map() :   一般用来接收一个函数，将原数组中的所有结果按照指定函数进行处理，并将处理之后的结果拼接成一个新的数组. 案例： 将字符串 类型的数组转换成了int类型的数组. let arr = ['1','20','-5','3']; console.log(arr) arr = arr.map(s =&gt; parseInt(s)); console.log(arr)   ...
【JavaScript的ES6语法】2、ES6语法学习（let和const、解构表达式、函数优化、map和reduce）
程序猿之洞
02-28 700
一、let和const关键字 let和const关键字是用来定义变量的。在此之前，我们定义js变量使用的是“var”关键字。“var”关键字会导致一个问题，就是其定义的变量有时候会莫名变成全局变量。 我们创建一个index.html文件，写下如下代码： <!DOCTYPE html> <html> <head> <title>TEST ES6</title> <meta http-equiv="Content-Type"...
JS ES6数组操作大全【forEach、map、filter、some、every、reduce、findIndex、find、slice、splice、push、unshift】
dingdingdandan
06-11 6559
整理了一下ES6中数组常见的操作方法，包含：forEach、map、filter、some、every、reduce、findIndex、find、slice、splice、push、unshift。
ES6 操作数组 方法 区别 map filter reduce find
热门推荐
二豆不要二豆
01-18 1万+
1. mapmap函数可以看成是一种映射函数，而且是一一映射array.map(function(参数){....函数体......})es6写法：array.map((参数)=&gt;{....函数体......})map适合对一个数组中的每个元素进行相同的操作2. filterfilter函数可以看成是一个过滤函数，返回符合条件的元素的数组filter和map的区别：filter需要在循环的时...
Array数组(JS)之map与reduce方法
博客
12-21 5768
map// Define the callback function. function AreaOfCircle(radius) { var area = Math.PI * (radius * radius); return area.toFixed(0); }// Create an array. var radii = [10, 20, 30];// Get the area
es6 数组如何转为 map
05-31
可以使用数组的 `reduce` 方法将数组转换为 map。例如，假设有一个数组 `arr`，其中每个元素都是一个对象，每个对象都有一个 `id` 属性和一个 `value` 属性，我们可以将其转换为一个以 `id` 为 key，`value` 为 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值