记一次reduce的使用注意点

最新推荐文章于 2024-06-07 17:42:36 发布

原创最新推荐文章于 2024-06-07 17:42:36 发布 · 597 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了JavaScript中Reduce函数的工作原理，特别是在不同数组长度下其行为的变化。通过具体示例，展示了当数组长度为1时，Reduce函数的特殊表现，以及数组长度大于1时的常规操作流程。

当数组等于1时,reduce里不会打印

var numbers = [{key:15.5}];

function getSum(total, num) {
    console.log('打印')
    return typeof(total) === 'number' ? total   Math.round(num.key):total.key   Math.round(num.key);
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}

getSum里面的 console没有打印 reduce直接返回numbers 0索引整个元素对象

当数组长度大于1时，reduce里会打印

var numbers = [{key:15.5}, {key:2.3}, {key:1.1}];

function getSum(total, num) {
    console.log('打印')
    return typeof(total) === 'number' ? total   Math.round(num.key):total.key   Math.round(num.key);
}
function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}

个人博客主页 www.chrischen.cn