• javascript:如何在 array.reduce 中返回一个对象?


    问题描述:

        如何在 array.reduce 中返回一个对象?

        例如:我想找到给定日期数据集的最低点。(我使用货币 API 作为一个有趣的数据集来玩)。我得到的数据是一个对象数组。所以我每天都在使用 reduce 来迭代并找到最低的低点。

    1. const lowestLow = historialCandlesFloatData.reduce((lowestLow,currentDay) => {
    2. if(currentDay.l < lowestLow.l){
    3. return lowestLow = currentDay;
    4. }else return lowestLow;
    5. },);

            这很好用,但我还需要返回的对象的索引为最低值。现在我知道你可以使用索引作为reduce的一部分,我可以控制台记录最低低的索引是什么,但我不知道如何将它与低作为对象一起返回?

        我可以只使用一个 forEach,它似乎工作正常,但这似乎不是最好的方法,我真的很想知道!

    1. const findLow = ()=>{
    2. let currentDayLow = 2;
    3. let dataIndex = 0;
    4. let datavalue = 0;
    5. historialCandlesFloatData.forEach((day)=>{
    6. if(day.l < currentDayLow){
    7. currentDayLow = day.l;
    8. datavalue = dataIndex;
    9. }
    10. dataIndex ++;
    11. });
    12. return {
    13. lowestLow: currentDayLow,
    14. indexValue: datavalue,
    15. }
    16. }

     

    解决思路一:

            要做到这一点reduce,您需要使用“累加器”来传递一个带有值和索引的对象。(呃,或者只是返回索引然后使用它来获取元素,如trincot 所示。)例如:

    1. const lowestLow = historialCandlesFloatData.reduce((lowestLow, currentDay, index) => {
    2. return !lowestLow || currentDay.l < lowestLow.entry.l ? { entry: currentDay, index } : lowestLow;
    3. }, null)

            或者,您可以通过向累加器添加索引来使累加器成为数组中对象的增强版本:

    1. const lowestLow = historialCandlesFloatData.reduce((lowestLow, currentDay, index) => {
    2. return !lowestLow || currentDay.l < lowestLow.l ? { ...currentDay, index } : lowestLow;
    3. }, null);

            但我不喜欢使用reducead hoc 函数,尤其是因为忘记提供种子值(必要时)、忘记在所有代码路径上执行等很容易绊倒它return。除非你'重新使用预定义的、可重用的 reducer 函数进行函数式编程,我更喜欢简单的循环:        

    1. let lowestLow = null;
    2. let lowestIndex;
    3. for (let index = 0; index < historialCandlesFloatData.length; ++index) {
    4. const entry = historialCandlesFloatData[index];
    5. if (!lowestLow || entry.l < lowestLow.l) {
    6. lowestLow = entry;
    7. lowestIndex = index;
    8. }
    9. }

        是的,在这种情况下,它的代码更多,但您可能会发现它更清晰和/或更不容易出错,尤其是在您刚开始的时候。

    解决思路二:

        为什么不使用 JavaScript 的扩展运算符向对象添加新属性...?例如,像这样:

    1. const lowestLow = historialCandlesFloatData.reduce((lowestLow, currentDay, idx) => {
    2. if(currentDay.l < lowestLow.l){
    3. return {
    4. ...currentDay,
    5. idx: idx,
    6. };
    7. } else {
    8. return lowestLow;
    9. }
    10. },
    11. // Initial value
    12. { l: historialCandlesFloatData[0].l + 1 }
    13. );
    14. // Now you can access the index like so
    15. const index = lowestLow.idx;

    解决思路三(这是解决小编问题的思路)

            以上仅为部分解决思路介绍,请查看全部内容,请添加下方公众号后回复001,即可查看。公众号有许多评分最高的编程书籍和其它实用工具,绝对好用,可以放心使用

            如果您觉得有帮助,可以关注公众号——定期发布有用的资讯和资源​

  • 相关阅读:
    FastJSON将对象转JSON字符串引发的血案
    Mysql kill session
    COMSOL中如何导出透明与实体结合的复杂几何结构
    Nomad 系列-Nomad+Traefik+Tailscale 集成实现零信任安全
    SpringCloud GateWay 万字详解
    【C++模拟实现】哈希与unorder_set和unorder_map关联式容器的模拟实现
    CleanMyMac X2024免费Mac电脑清理和优化工具
    maven build An unknown compilation problem occurred
    三网91话费接口源码分享
    复杂任务中,流程的解耦设计
  • 原文地址:https://blog.csdn.net/qq_38334677/article/details/126102589