map 处理数据进行return 后， 数据继续执行

最新推荐文章于 2024-04-23 11:30:57 发布
最新推荐文章于 2024-04-23 11:30:57 发布
阅读量2.6k 收藏 1
点赞数
文章标签： javascript 前端 vue.js map return
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzfengquan/article/details/126678100
版权

map return 失效

解析map

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      Array.prototype.myMap = function (callback) {
        const result = [];
        for (let i = 0; i < this.length; i++) {
          const item = this[i];
          const re = callback(item, i.this);
          result.push(re);
        }
        return result;
      };
      let arr = [1, 2, 3, 4, 5];

      function test() {
        let newArr = arr.map((item, i, arr) => {
          if (item % 2 == 0) {
            return true;
          } else {
            return false;
          }
          console.log("是否执行1");
        });
        console.log("是否执行2");
        console.log(newArr);
        let newArr1 = arr.myMap((item) => {
          if (item % 2 == 0) {
            return true;
          } else {
            return false;
          }
          console.log("是否执行1");
        });
        console.log(newArr1);
      }
      test();
    </script>
  </body>
</html>

在这里插入图片描述
在这里插入图片描述
看明白了吗。
其实map就是在把数据组装成数组后return返给我们了。forEach没有组装retrurn 返回。
项目中的介绍案例
在这里插入图片描述
假设我们明细选择了供应商，支持多选，但是保存的时候只能是一个，这个时候我们把进行拆分成一个，多余的那个就直接在自动新增一行。在去保存。
当我们没有拆分的时候保存是要return，不在调取接口，只有是单个的时候才能去执行接口保存

 保存按钮操作
 handleSave = async () => {
    const data = await this.proceData();
    data && this.save(data);
  };
  // 处理数据
  proceData = async () => {
    const { formRef, getInvFormRef } = this.state;
    const formDataRes = await formRef?.validateFields().catch(() => {
      ElNotification({
        type: 'warning',
        message: '请检查基础信息'
      });
      return Promise.reject();
    });
    // 明细行表格数据处理
    await getInvFormRef.quitEditState(); //保存退出明细行编辑状态
    const detailTableValues = await getInvFormRef.validateTableRows();
    console.log('编辑表格行信息', detailTableValues);
    if (detailTableValues.data.length === 0) {
      ElNotification({
        type: 'error',
        message: '请添加明细信息！'
      });
      return false;
    }
    if (!detailTableValues.success) {
      ElNotification({
        type: 'error',
        message: '明细数据有误：请检查必填数据'
      });
      return false;
    }
    解决return 不生效 
    在map 循环的外层定义一个boolean 值
    let flag = true;
    let tableArr = detailTableValues.data.map((item) => {
      if (item.suppName.length > 1) {
		// 当某个字符的长度大于我们的需求就取反
        flag = false;
      } else {
      // 符合条件，就return 出数据，方便后续的数据组装传参
        return {
          ...item,
          suppId: item?.suppName[0]?.suppId || item?.suppName[0]?.id, // 供应商id
          taxRateNo: item?.suppName[0]?.taxRateNo || item?.taxRateNo,
          carrier: item?.carrier?.ouCode,
          whId: item?.whId?.id,
          lineStatus: item.lineStatus.udcVal,
          uom: item.uom.udcVal,
          fileCode: item?.fileCode?.fileCode
        };
      }
    });
    在参数组装前处理 不满足的条件， return map 的处理结果，防止map return后还会继续执行，只有满足的条件才继续执行
    if (!flag) {
      return ElNotification({
        type: 'error',
        message: '请先拆分供应商数据！'
      });
    }
    // 参数处理
    const params = {
      ...this.state.formData, // 表单数据 新增时的默认或者是编辑时的赋值信息 包含 工作流的id
      ...formDataRes, // 处理所有表单头的数据
      quoteDeadline:
        formDataRes.quoteDeadline &&
        dayjs(formDataRes.quoteDeadline).format('YYYY-MM-DD'),
      priceEffectDate:
        formDataRes.priceEffectDate &&
        dayjs(formDataRes.priceEffectDate).format('YYYY-MM-DD'),
      priceExpireDate:
        formDataRes.priceExpireDate &&
        dayjs(formDataRes.priceExpireDate).format('YYYY-MM-DD'),
      bargainDeadline:
        formDataRes.bargainDeadline &&
        dayjs(formDataRes.bargainDeadline).format('YYYY-MM-DD'),
      docType: 'STANDARD', // 标准
      // 编辑表格信息行内容
      tmInquiryDSaveVOS: tableArr
    };
    return params;
  };

  // 保存
  save = async (data) => {
    console.log(data);
    this.handleLoading(true);
    let res = null;
    res = await service.save(data);
    console.log(res);
    this.handleLoading(false);
    if (res.success) {
      ElNotification({
        type: 'success',
        message: res.msg || '操作成功'
      });
      this.getDetails(res.data);
      this.multiTabStore.closeCurrentToPath('/sourcing/Inquiry/list');
    } else {
      ElNotification({
        type: 'error',
        message: res.msg || '操作失败'
      });
    }
  };

明白了么。一起加油
小刘先生很努力
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HashMap循环赋值导致Value相同的解决办法
qswl5500的博客
06-30 5276
原因 因为需要List套Map：List<Map<String,List< String >>> 其实我不在意结构，我只要list结果，list< Object >就可以。 循环做了很多天就是结果不对。 困扰了我很多天，在网上查到几篇文章， map查询出数据， 对数据修改key 同value 值 将map中key值改变，value不变。遇到错误 其中分析讲的最好的是 修改Map中确定key对应的value问题 因为list中的所有元素（map）的引用都是指向内
ES6新增数据类型set和map
01-20
然而，随着编程需求的多样化，ES6（ECMAScript 2015）引入了两种新的数据类型——Set和Map，它们为数据的组织和处理提供了更强大的工具。 1、Set 1.1 Set的概念和声明 Set是一种特殊的集合，它不允许重复元素，类似...
map返回另一个对象
wangweiscsdn的博客
10-25 7996
直接上图： 1、先定义一个对象 2、再map一下它 3、给map后的对象定义另一个名称，把a对象里的value赋给另一个key值，组成新的对象 4、打印这个对象可以看到，原来的key值变成了新的key值
js中 使用 forEach，map 出现 return 无法结束当前 而是会继续执行下面的代码
estrusKing的博客
03-07 3341
无论return为true还是false都相当于循环中 终止当前循环继续执行下一次循环。当使用forEach、map进行数组遍历时，return并不能终止函数执行后续代码；方法一：使用foreach.break抛出异常终止循环。在forEach、map方法中。方法二：使用 for 循环。
JavaScript中的map()方法详解
最新发布
tianxianghuiwei的博客
04-23 845
console.log("原数组array为",array)})其实，map（）方法是对每一项数组进行遍历，遍历一次，返回一个值，给新数组加上一个元素，这是就是满足x=4的元素，只有两个，所以其他项就返回了undefined。6、map()方法是数组对象自带的方法，用于遍历数组中的每个元素，并对每个元素执行指定的函数，然后返回一个新的数组，包含所有函数的返回值。在JavaScript中，map()
map里面不能return
m0_67401606的博客
04-20 1076
用map进行遍历,在里面进行判断的时候,return不能起到相关作用. 可以把map改为for循环,然后再进行return
map return {}
xiao_yuanyuan_20的博客
06-03 452
let persons = [{ age: 50 }, { age: 12 }, { age: 30 }]; //请写一个方法将persons变为 ‘12,30,50’ let arr = persons.map( (item,index,array)=> item.age); arr.sort((a,b)=>a-b); console.log(arr)// [12,30,50] let arr =[1,2,3].map(©=>c3); //[3,6,9] let arr1 =
map循环里的return还是执行
m0_52611940的博客
07-31 159
map循环里的return还是执行
数据处理操作mapapplyapplymapnew.pdf
06-14
在数据分析和处理中，Pandas库提供了三种主要的方法——map、apply和applymap，用于对DataFrame对象进行元素级操作。这些方法在处理大型数据集时非常有用，可以帮助我们执行各种数据清洗、转换和计算任务。 **map**...
JS对大量数据进行多重过滤的方法
10-21
在JavaScript中，处理大量数据并进行多重过滤是一个常见的挑战，特别是在前端应用中，当通过Ajax从后端获取数据后，需要根据用户设定的条件进行筛选。本文将介绍一种解决此类问题的方法，涉及到的关键知识点包括数据...
ajax异步处理POST表单中的数据示例代码
12-02
本文将详细讨论如何使用Ajax进行异步处理POST表单数据。 首先，让我们看下给定的示例代码： ```javascript $(document).ready(function() { $("#submit").click(function() { var str_data = $("#form1 input...
Python-Bonobo一个用于python35的数据处理库
08-10
**Python-Bonobo数据处理库详解** Python-Bonobo是一个专为Python 3.5设计的数据处理库，它提供了一套高效、灵活且易于使用的...对于需要进行大规模数据处理的Python开发者来说，Bonobo是一个值得学习和使用的工具。
Java Stream流处理Map 详细用法
热门推荐
流浪的喵的博客
07-23 1万+
这里写自定义目录标题Java Stream流处理Map 详细用法实体类Stream方法 Java Stream流处理Map 详细用法 实体类 package com.jzj.model; /** * 当前描述： * * @author: jiazijie * @since: 2021/7/23 下午4:06 */ public class Person { private Integer id; private String name; private Integer a
你知道flink侧输出流产生分流，和直接DataStream使用多次产生分流的区别吗？
u010523770的专栏
05-04 989
flink侧输出流和一条流多次使用的区别。
JS map() 函数向数组里面添加属性并返回新的数组
grootbaby
09-05 8283
Array map() 方法 定义和用法 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意：map() 不会对空数组进行检测。 注意：map() 不会改变原始数组。 array.map(function(currentValue,index,arr), thisValue) 参数 描述...
map方法
lxf_aaa的博客
12-11 1138
ES6中的数组方法( map ) map需要返回值，不return的话，会默认返回undefined map返回的是一个新数组 https://www.cnblogs.com/webmc/p/11548833.html
JavaScript中的 map, forEach 无法跳出循环， return和 break不起作用，可以使用every 和 some方法
飞翔༒之翼
07-13 1174
);
java定时删除map中的超时数据
06-01
可以使用Java的Timer类和TimerTask类来实现定时删除Map中的超时数据。具体实现步骤如下： 1. 定义一个包含Map的类，并在该类中定义一个Timer对象和一个TimerTask对象。 2. 在TimerTask对象中重写其run()方法，将需要删除的超时数据从Map中删除。 3. 在Timer对象中调用schedule()方法，设置定时执行的时间和间隔时间。 4. 在使用Map时，每次插入数据时，同时记录该数据的插入时间。 5. 在TimerTask中的run()方法中，遍历Map中的所有数据，将超时的数据删除。 下面是一个示例代码： ```java import java.util.HashMap; import java.util.Map; import java.util.Timer; import java.util.TimerTask; public class MapDemo { private Map<String, Long> map = new HashMap<>(); private Timer timer = new Timer(); private TimerTask task = new TimerTask() { @Override public void run() { long now = System.currentTimeMillis(); for (String key : map.keySet()) { if (now - map.get(key) > 60 * 1000) { // 超时时间为1分钟 map.remove(key); } } } }; public void put(String key, Object value) { map.put(key, System.currentTimeMillis()); // 插入数据时，同时记录插入时间 } public Object get(String key) { return map.get(key); } public Map<String, Long> getAll() { return map; } public void startTimer() { timer.schedule(task, 60 * 1000, 60 * 1000); // 定时执行的时间和间隔时间均为1分钟 } public static void main(String[] args) { MapDemo demo = new MapDemo(); demo.startTimer(); // 启动定时删除超时数据的任务 // 测试插入数据 demo.put("key1", "value1"); demo.put("key2", "value2"); demo.put("key3", "value3"); System.out.println(demo.getAll()); // 等待一段时间后再次测试 try { Thread.sleep(2 * 60 * 1000); // 等待2分钟 } catch (InterruptedException e) { e.printStackTrace(); } System.out.println(demo.getAll()); } } ``` 在上面的代码中，定时删除超时数据的任务是在startTimer()方法中启动的，间隔时间为1分钟。在测试时，先插入3条数据，然后等待2分钟后再次输出Map中的所有数据，可以看到超时的数据已经被成功删除了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值