【ES6】JavaScript 中的数组方法reduce

这篇具有很好参考价值的文章主要介绍了【ES6】JavaScript 中的数组方法reduce。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

reduce() 是一个 JavaScript 中的数组方法,它会对数组的每个元素执行一个提供的 reducer 函数,将其减少到一个单一的值。

这是 reduce() 的基本用法:

//(method) Array<number>.reduce(callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: number[]) => number, initialValue: number): number (+2 overloads)
array.reduce(callback[, initialValue])

这里:

  • callback 是一个用于每个数组元素的函数,接受四个参数:

  • accumulator:累加器累加回调的返回值。它是上一次调用回调时返回的累积值,或者 initialValue(如果提供了的话)。

  • currentValue:正在处理的数组元素。

  • currentIndex(可选):正在处理的数组元素索引。如果提供了 initialValue,则从索引1开始。

  • array(可选):调用 reduce() 的数组。

  • initialValue(可选)是一个为累加器提供初始值的值。如果没有提供初始值,那么将使用数组的第一个元素作为初始值,如果数组为空,则返回 undefined。
    这是一个简单的例子,使用 reduce() 来计算数组中所有元素的和:

<script>


    let arrayNum = [1,8,9,10];

    let totalNum =arrayNum.reduce(function(preValue,currentValue,currentIndex,array){
        return preValue+currentValue;
    },100);

    console.log(totalNum);


</script>

在这个例子中,我们提供了一个初始值 100,然后对数组中的每个元素执行回调函数,将回调函数的返回值累加到累加器中。最终,我们得到了数组中所有元素的和。

【ES6】JavaScript 中的数组方法reduce,前端,es6文章来源地址https://www.toymoban.com/news/detail-684186.html

到了这里,关于【ES6】JavaScript 中的数组方法reduce的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【ES6】JavaScript中的Symbol

    Symbol是JavaScript中的一种特殊的、不可变的、不可枚举的数据类型。它通常用于表示一个唯一的标识符,可以作为对象的属性键,确保对象的属性键的唯一性和不可变性。 Symbol.for()是Symbol的一个方法,它用于创建一个已经注册的Symbol对象。当使用Symbol.for()创建Symbol对象时,会

    2024年02月10日
    浏览(32)
  • 【ES6】 JavaScript 中的Object.assign

    Object.assign() 是 JavaScript 中的一个方法,它用于复制源对象的所有可枚举属性到目标对象。该方法会返回目标对象。 这是其基本用法: 在这个例子中,source 对象的所有可枚举属性都被复制到了 target 对象。 需要注意的是,Object.assign() 是浅复制(shallow copy),意味着如果源对

    2024年02月10日
    浏览(36)
  • 15 JavaScript ES6中的箭头函数

    15 JavaScript ES6中的箭头函数 什么是箭头函数 ES6中允许使用=来定义函数。箭头函数相当于匿名函数,并简化了函数定义。 基本语法 箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=来定义函数,省去function。 函数的参数放在=前面的括号中,函数体跟在=后的

    2024年02月12日
    浏览(39)
  • 数组的原型方法-es6

    数组的原型方法-es6 Array.form() Array.of() find() 和 findIndex() copyWithin() fill() entries(),keys()和values() includes() flat()和flatMap() 扩展运算符 at() reduce()和reduceRight() some()判断数组中是否存在满足条件的项 18、Array.form() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-li

    2024年02月09日
    浏览(29)
  • 【Js】数组(包括es6)方法大集合

    数组方法(包括es6) 1、arr.push() 从后面添加元素,返回值为添加完后的数组的长度 , 改变原数组 2、arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素 ( 改变原数组 ) 3、arr.shift() 从前面删除元素,只能删除一个 返回值是删除的元素( 改变原数组 ) 4、arr.unshift(

    2023年04月16日
    浏览(28)
  • JS中操作数组的方法(涵盖ES6)

    一、常用的 JavaScript 操作数组的方法 1.push() 和 pop():在数组末尾添加或删除元素。 2.shift() 和 unshift():在数组头部删除或添加元素。 3.splice():在任意位置添加或删除元素。如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。(改变原始数组)

    2024年02月05日
    浏览(32)
  • 【ES5和ES6】数组遍历的各种方法集合

    特点: 没有返回值,只是针对每个元素调用func 三个参数:item, index, arr ;当前项,当前项的索引,被遍历的数组 for 循环可以在循环体中终止或跳过该循环,forEach不可以 特点:返回新的arr, 每个元素为调用函数返回的结果 参数: function:必选,数组中每个元素都会执行的函

    2024年02月12日
    浏览(26)
  • JavaScript Es6_2笔记 (深入对象 + 内置构造函数 + 包装类型)+包含实例方法

    了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。 了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的

    2024年02月12日
    浏览(38)
  • ES6基础知识二:ES6中数组新增了哪些扩展?

    一、扩展运算符的应用 ES6通过扩展元素符…,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列 主要用于函数调用的时候,将一个数组变为参数序列 可以将某些数据结构转为数组 能够更简单实现数组复制 const a1 = [1, 2]; const […a2] = a1; // [1,2] 数组的合并也更为

    2024年02月16日
    浏览(27)
  • [ES6] 数组

    Array.of(),将参数中所有值作为元素形成数组,参数值可为不同类型,参数为空时返回空数组 Array.from(),将类数组对象或可迭代对象转化为数组 Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike:想要转换的类数组对象或可迭代对象 mapFn:可选,map 函数,用于对每个元素进行处理,放入数组的是

    2023年04月23日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包