js 关于如何反转义一段js字符串的函数代码

初始代码如下

string = ‘let orderNumComp = this.findComponentById(\"#orderNum\");\nlet matCodeComp = this.findComponentById(\"#matCode\");\nlet matTextComp = this.findComponentById(\"#matText\");\nlet packageComp = this.findComponentById(\"#package\");\nlet spComp = this.findComponentById(\"#specification\");\nlet factoryComp = this.findComponentById(\"#factory\");\nlet approvalComp = this.findComponentById(\"#approval\");\nlet genDateComp = this.findComponentById(\"#genDate\");\nlet batchComp = this.findComponentById(\"#batch\");\nlet expireComp = this.findComponentById(\"#expire\");\nlet binComp = this.findComponentById(\"#bin\");\nlet numComp = this.findComponentById(\"#num\");\n\nlet map = this.$store.getters.dataBetweenPage;\n\nthis.setDropDownData = function () {\n let matCodeArray = []\n this.listData.forEach((element,index) => {\n let obj = {}\n obj.matCode = element.matCode\n obj.matText = element.matText\n obj.batchNum = element.batchNum\n matCodeArray.push(obj)\n });\n matCodeArray.sort(function (a,b) {\n return a.matCode.localeCompare(b.matCode)\n })\n matCodeComp.setDropData(matCodeArray)\n matCodeComp.dropHeader=[\"商品编码\",\"商品名称\",\"批次\"]\n let that = this;\n matCodeComp.onSelectItem = function (data) {\n this.content = data.matCode\n for (const ele of that.listData) {\n if (data.matCode == ele.matCode) {\n that.curData = ele;\n that.setInputData(ele);\n binComp.setFocus();\n break;\n }\n }\n }\n}\n\nthis.curData = null;\nthis.detailList = [];\nthis.listData = [];\nthis.curOrderNum=\"\";\n\nlet dList = map.get(\"detailList\")\nlet lData = map.get(\"listData\");\nlet curNum = map.get(\"orderNum\");\nif(dList && dList.length!= 0){\n this.detailList = dList;\n}\nif(lData && lData.length!= 0){\n this.listData = lData\n this.setDropDownData();\n}\n\nif(curNum){\n this.curOrderNum = curNum\n orderNumComp.setData(curNum);\n}\n\n\nthis.setInputData = function (data) {\n orderNumComp.setData(data.orderNum);\n matCodeComp.setData(data.matCode);\n matTextComp.setData(data.matText);\n packageComp.setData(data.packFormat);\n spComp.setData(data.intoOrderStr8);\n factoryComp.setData(data.ownerCode);\n approvalComp.setData(data.intoOrderStr7);\n genDateComp.setData(data.dateGen);\n batchComp.setData(data.batchNum);\n expireComp.setData(data.dateExpire);\n numComp.setData(data.matQty)\n};\nthis.onHookSuccess = function (eventsData, result, api) {\n if (api == \"findMaterialByCode\") {\n let matCode = result.data.data[0].matCode;\n this.listData.forEach(ele => {\n if (matCode == ele.matCode) {\n this.curData = ele; this.setInputData(ele);\n }\n });\n matCodeComp.setData(matCode)\n }else if(api == \"findOrderDetail\"){\n this.listData = result.data.data\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"listData\", data: this.listData });\n orderNumComp.setData(this.listData[0].orderNum);\n matCodeComp.setFocus()\n this.setDropDownData()\n }\n else {\n this.detailList = [];\n }\n};\nthis.clearInput = function () {\n matCodeComp.setData(\"\");\n matTextComp.setData(\"\");\n packageComp.setData(\"\");\n spComp.setData(\"\");\n factoryComp.setData(\"\");\n approvalComp.setData(\"\");\n genDateComp.setData(\"\");\n batchComp.setData(\"\");\n expireComp.setData(\"\");\n numComp.setData(\"\");\n binComp.setData(\"\");\n matCodeComp.setFocus();\n};\n//点击事件\nthis.hookBeforeClick = function (eventsData, element) {\n //确定按钮\n if (element.propsValue.refName == \"#confirm\") {\n if (!matCodeComp.getContent()) {\n this.$notify.error({\n title: \"提示\",\n message: \"商品编号不能为空!\",\n position: \"bottom-right\"\n });\n matCodeComp.setFocus(); throw {}\n } else if (!binComp.getContent()) {\n this.$notify.error({\n title: \"提示\",\n message: \"仓位编号不能为空!\",\n position: \"bottom-right\"\n });\n binComp.setFocus(); throw {}\n } else if (!numComp.getContent()) {\n this.$notify.error({\n title: \"提示\",\n message: \"数量不能为空!\",\n position: \"bottom-right\"\n });\n numComp.setFocus(); throw {}\n } if (!this.curData) {\n return\n }\n let foundList = this.detailList.filter(ele => {\n return ele.binCode == binComp.getContent() && ele.matCode == matCodeComp.getContent()\n });\n if (foundList.length == 1) {\n foundList[0].updateQty += numComp.getContent()\n }\n else {\n this.curData.binCode = binComp.getContent();\n this.curData.matCode = matCodeComp.getContent();\n this.curData.matText = matTextComp.getContent();\n this.curData.updateQty = numComp.getContent();\n this.detailList.push({ ...this.curData });\n }\n this.clearInput();\n }\n else if (element.propsValue.refName == \"#detail\") {\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"listData\", data: this.listData });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"detailList\", data: this.detailList });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"orderNum\", data: orderNumComp.getContent() });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"updateDetail\", data: orderNumComp.getContent() });\n this[\"_event_jumpPage\"](\"\", { events: [{ url: \"updateDetail\" }] }, this)\n }else if(element.propsValue.refName ==\"#part\"){\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"listData\", data: this.listData });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"detailList\", data: this.detailList });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"orderNum\", data: orderNumComp.getContent() });\n this.$store.dispatch(\"setDataBetweenPage\", { pageId: \"partList\", data: orderNumComp.getContent() });\n this[\"_event_jumpPage\"](\"\", { events: [{ url: \"partList\" }] }, this)\n }\n};//执行上架\nthis.interceptParam = function (param, element, eventsData) {\n if (eventsData.request.api == \"updateIntoStock\") {\n if (!window.localStorage.globalWbCode) {\n this.$store.dispatch(\"showMassage\", { type: \"error\", message: \"请设置工位编号！\", });\n throw {}\n } if (this.detailList.length == 0) {\n this.$store.dispatch(\"showMassage\", { type: \"error\", message: \"上架详情列表为空！\", });\n throw {}\n }\n param.data = [];\n this.detailList.forEach(ele => {\n let item = {};\n item.binCode = ele.binCode;\n item.matCode = ele.matCode;\n item.ownerCode = ele.ownerCode;\n item.matQty = ele.updateQty;\n item.orderItem = ele.orderItem;\n item.orderType = ele.orderType;\n item.orderKeyThird = ele.orderKeyThird;\n item.batchNum = ele.batchNum;\n item.batchAttr07 = ele.batchAttr07;\n item.batchAttr08 = ele.batchAttr08;\n item.orderNum = ele.orderNum;\n item.traceCode = ele.traceCode;\n item.ptlBin = ele.ptlBin;\n item.traceHeight = ele.traceHeight;\n item.boxCodes = ele.boxCodes;\n item.containerTypeCode = ele.containerTypeCode;\n param.data.push(item);\n param.podCode = item.binCode.substring(0, 6);\n param.dirCode = item.binCode.substring(8, 9);\n });\n param.avgLeaveFlag = \"1\"\n }\n return param\n};’

需要转换成下面这样的代码

let orderNumComp = this.findComponentById("#orderNum");
let matCodeComp = this.findComponentById("#matCode");
let matTextComp = this.findComponentById("#matText");
let packageComp = this.findComponentById("#package");
let spComp = this.findComponentById("#specification");
let factoryComp = this.findComponentById("#factory");
let approvalComp = this.findComponentById("#approval");
let genDateComp = this.findComponentById("#genDate");
let batchComp = this.findComponentById("#batch");
let expireComp = this.findComponentById("#expire");
let binComp = this.findComponentById("#bin");
let numComp = this.findComponentById("#num");
let map = this.$store.getters.dataBetweenPage;
this.setDropDownData = function () {
    let matCodeArray = []
}
this.listData.forEach((element, index) => {
    let obj = {}
    obj.matCode = element.matCode
    obj.matText = element.matText
    obj.batchNum = element.batchNum
    matCodeArray.push(obj)
});
matCodeArray.sort(function (a, b) {
    return a.matCode.localeCompare(b.matCode)
})
matCodeComp.setDropData(matCodeArray)
matCodeComp.dropHeader = ["商品编码", "商品名称", "批次"]
let that = this;
matCodeComp.onSelectItem = function (data) {
    this.content = data.matCode
    for (const ele of that.listData) {
        if (data.matCode == ele.matCode) {
            that.curData = ele;
            that.setInputData(ele);
            binComp.setFocus();
            break;
        }
    }
}
this.curData = null;
this.detailList = [];
this.listData = [];
this.curOrderNum = "";
let dList = map.get("detailList")
let lData = map.get("listData");
let curNum = map.get("orderNum");
if (dList && dList.length != 0) {
    this.detailList = dList;
}
if (lData && lData.length != 0) {
    this.listData = lData
    this.setDropDownData();
}
if (curNum) {
    this.curOrderNum = curNumorderNumComp.setData(curNum);
}
this.setInputData = function (data) {
    orderNumComp.setData(data.orderNum);
    matCodeComp.setData(data.matCode);
    matTextComp.setData(data.matText);
    packageComp.setData(data.packFormat);
    spComp.setData(data.intoOrderStr8);
    factoryComp.setData(data.ownerCode);
    approvalComp.setData(data.intoOrderStr7);
    genDateComp.setData(data.dateGen);
    batchComp.setData(data.batchNum);
    expireComp.setData(data.dateExpire);
    numComp.setData(data.matQty)
};
this.onHookSuccess = function (eventsData, result, api) {
    if (api == "findMaterialByCode") {
        let matCode = result.data.data[0].matCode;
        this.listData.forEach(ele => {
            if (matCode == ele.matCode) {
                this.curData = ele;
            }
            this.setInputData(ele);
            matCodeComp.setData(matCode);
        };
    }
    else if (api == "findOrderDetail") {
        this.listData = result.data.data
        this.$store.dispatch("setDataBetweenPage", {pageId: "listData", data: this.listData});
        orderNumComp.setData(this.listData[0].orderNum);
        matCodeComp.setFocus();
        this.setDropDownData();
    }
    else {
        this.detailList = [];
    }
}
this.clearInput = function () {
    matCodeComp.setData("");
    matTextComp.setData("");
    packageComp.setData("");
    spComp.setData("");
    factoryComp.setData("");
    approvalComp.setData("");
    genDateComp.setData("");
    batchComp.setData("");
    expireComp.setData("");
    numComp.setData("");
    binComp.setData("");
    matCodeComp.setFocus()
};
//点击事件'
this.hookBeforeClick = function (eventsData, element) {    //确定按钮
    if (element.propsValue.refName == "#confirm") {
        if (!matCodeComp.getContent()) {
            this.$notify.error(
                {
                    title: "提示",
                    message: "商品编号不能为空!",
                    position: "bottom-right"
                });
            matCodeComp.setFocus();
            throw {}
        }
        else if (!binComp.getContent()) {
            this.$notify.error(
                {
                    title: "提示", message: "仓位编号不能为空!", position: "bottom-right"
                });
            binComp.setFocus();
            throw {}
        } else if (!numComp.getContent()) {
            this.$notify.error({
                title: "提示", message: "数量不能为空!", position: "bottom-right"
            });
            numComp.setFocus();
            throw {}
        }
        if (!this.curData) {
            return
        }
        let foundList = this.detailList.filter(ele => {
            return ele.binCode == binComp.getContent() && ele.matCode == matCodeComp.getContent()
        });
        if (foundList.length == 1) {
            foundList[0].updateQty += numComp.getContent()
        }
        else {
            this.curData.binCode = binComp.getContent();
            this.curData.matCode = matCodeComp.getContent();
            this.curData.matText = matTextComp.getContent();
            this.curData.updateQty = numComp.getContent();
            this.detailList.push({...this.curData});
        }
        this.clearInput();
    }
    else if (element.propsValue.refName == "#detail") {
        this.$store.dispatch("setDataBetweenPage",
            {pageId: "listData", data: this.listData});
        this.$store.dispatch("setDataBetweenPage", {pageId: "detailList", data: this.detailList});
        this.$store.dispatch("setDataBetweenPage", {pageId: "orderNum", data: orderNumComp.getContent()});
        this.$store.dispatch("setDataBetweenPage", {pageId: "updateDetail", data: orderNumComp.getContent()});
        this["_event_jumpPage"]("", {events: [{url: "updateDetail"}]}, this)
    }
    else if (element.propsValue.refName == "#part") {
        this.$store.dispatch("setDataBetweenPage", {pageId: "listData", data: this.listData});
        this.$store.dispatch("setDataBetweenPage", {pageId: "detailList", data: this.detailList});
        this.$store.dispatch("setDataBetweenPage", {pageId: "orderNum", data: orderNumComp.getContent()});
        this.$store.dispatch("setDataBetweenPage", {pageId: "partList", data: orderNumComp.getContent()});
        this["_event_jumpPage"]("", {events: [{url: "partList"}]}, this)
    }
}
//执行上架
this.interceptParam = function (param, element, eventsData) {
    if (eventsData.request.api == "updateIntoStock") {
        if (!window.localStorage.globalWbCode) {
            this.$store.dispatch("showMassage",
                {type: "error", message: "请设置工位编号！",});
            throw {}
        }
        if (this.detailList.length == 0) {
            this.$store.dispatch("showMassage", {type: "error", message: "上架详情列表为空！",});
        }
        throw {}
    }
    param.data = [];
    this.detailList.forEach(ele => {
        let item = {};
        item.binCode = ele.binCode;
        item.matCode = ele.matCode;
        item.ownerCode = ele.ownerCode;
        item.matQty = ele.updateQty;
        item.orderItem = ele.orderItem;
        item.orderType = ele.orderType;
        item.orderKeyThird = ele.orderKeyThird;
        item.batchNum = ele.batchNum;
        item.batchAttr07 = ele.batchAttr07;
        item.batchAttr08 = ele.batchAttr08;
        item.orderNum = ele.orderNum;
        item.traceCode = ele.traceCode;
        item.ptlBin = ele.ptlBin;
        item.traceHeight = ele.traceHeight;
        item.boxCodes = ele.boxCodes;
        item.containerTypeCode = ele.containerTypeCode;
        param.data.push(item);
        param.podCode = item.binCode.substring(0, 6);
        param.dirCode = item.binCode.substring(8, 9);
    });
    param.avgLeaveFlag = "1"
    return param
};

主要是中间的/n 和“‘’” 的字符会混淆网上自带的 json 转换也不行

代码实现或者网络工具能转化均采纳

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

3条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
WangScaler. 2021-06-10 19:38
关注
[在线反编译](https://beautifier.io/)，将编译完的代码复制到文本编辑器（idea、vscode、notepad++等等），将\n替换成空格（替换的快捷键ctrl+R）

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

前端js如何把字符串公式转成可以计算的公式并计算出结果 javascript vue.js
2022-03-22 13:55

回答 1 已采纳 let a = "(5-((4-3)-2-1))" console.log(eval(a))//7
关于js字符串转数字保留两位小数的问题 javascript vue.js
2021-10-29 16:27

回答 1 已采纳 var num = '88,888,888.00'; num = parseFloat(num.replace(/[^\d\.]/g, "")).toFixed(2)
请问uni-app有没有可能将字符串化作调用接口的函数？ vue.js 前端小程序
2022-03-19 16:24

回答 2 已采纳你的意思是把方法名是一个变量吗，如果是的话，尝试一下如下写法 let method = res.data.name this[method]
前端面试：手写代码JS实现字符串反转
2022-04-22 22:15

皮皮怪鼠的博客前端萌新面试：手写代码JS实现字符串反转前言因为做前年小红书的前端校招面试题，发现出现好几道关于字符串对象和数组对象的题目，说难不难，但突然要写的话一时想不起来，这不想着做个小总结。首先明白字符串是...
如何编写一段字符串删除函数？ c语言
2021-03-02 23:44

回答 1 已采纳 #include<stdio.h> #include<string.h> void mystrdel(char str1[], char str2[], int m,
前端JS英文字符串换行问题 html5 javascript vue.js
2021-03-25 15:16

回答 6 已采纳 changeWrap(value){ let len = 0 let data = value.split(' ') for(let i = 0;i<data.length;i++
JS中怎样将字符串中的指定下标的值删除？ javascript
2017-08-06 06:28

回答 6 已采纳可以这样： ``` var str = "acbabca"; str = str.slice(0, 3) + str.slice(4); ``` slice方法的参数意义和使用范例可以参
js调用字符串函数
2022-07-19 17:33

zxr_xiaoha的博客利用Function构造函数创建一个新的Function对象。
js 判断字符串是否相等，同字符串同类型却是false javascript json 前端有问必答
2022-01-30 19:15

回答 4 已采纳 "武器" 和'武器'是不相同。一个含有双引号，一个含有单引号。
关于js中join函数能否直接把二维数组转化为字符串 javascript
2022-09-20 09:47

回答 2 已采纳
js字符串转JSONparse函数错误 ajax javascript json
2022-07-02 14:54

回答 1 已采纳 if (httpRequest.readyState == 4 && httpRequest.status == 200){} 要等到完成请求后再解析，加上判断条件
前端js中使字符串代码运行
2023-01-30 17:31

Yetian_2000的博客 js执行字符串脚本
写一个函数，该函数从主程序接受一个字符串 c语言
2022-06-10 02:45

回答 2 已采纳 #include<stdio.h> void split(char *s, char *t1, char *t2) { while(*s!='\0'){ if(*
JS之JSON、eval函数：字符串当做一段JS代码解释并执行、parse函数、后端传字符串过来，如何转为JSON对象，前端如何展示后端传过来的数据
2022-09-01 15:32

姓蔡小朋友的博客 JS之JSON、eval函数：字符串当做一段JS代码解释并执行、后端传字符串过来，如何转为JSON对象，前端如何展示后端传过来的数据
js执行字符串代码
2024-01-25 10:34

程序员的脱发之路的博客注：需要注意的是，eval是在当前上下文执行的代码，如果字符串中的变量与当前上下文的变量命名冲突，就会导致报错。我们很难去避免字符串中的变量和当前上下文的变量重复，所以我们可以在自调用函数中执行eval来解决...
没有解决我的问题, 去提问

悬赏问题

¥15 html5+css有人可以帮吗？
¥30 Unity接入微信SDK 无法开启摄像头
¥20 有偿写代码要用特定的软件anaconda 里的jvpyter 用python3写
¥20 cad图纸，chx-3六轴码垛机器人
¥15 移动摄像头专网需要解vlan
¥20 access多表提取相同字段数据并合并
¥20 基于MSP430f5529的MPU6050驱动，求出欧拉角
¥20 Java-Oj-桌布的计算
¥15 powerbuilder中的datawindow数据整合到新的DataWindow
¥20 有人知道这种图怎么画吗？

js 关于如何反转义一段js字符串的函数代码

3条回答 默认 最新

悬赏问题

3条回答默认最新