v.namea = this.data.html.replace(/<\/?[^>]*>/g, '').replace(/ /g, ' ').replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '');为什么.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/g, '');不起作用?
时间: 2024-04-29 14:19:39 浏览: 17
这段代码中的正则表达式 `/[^\u4e00-\u9fa5a-zA-Z0-9]/g` 的作用是匹配所有非中文、英文和数字的字符,并将其替换为空字符串。但是,它可能不起作用的原因可能是因为被替换的字符不是普通字符,而是特殊字符,例如全角空格、换行符等。此外,你可以尝试在正则表达式中添加其他的特殊字符来解决这个问题。
相关问题
let that = this let td = that.data let input = e.detail.value let param = e.currentTarget.dataset.param; let textStr = input.replace(/<\/?[^>]*>/g, ''); const htmltext = await that.editorCtx.getContents() const html = htmltext.html.replace(/<\/?[^>]*>/g, ''); const allTexta = td.carmodelname + td.namea + td.nameb + td.title + td.explain + td.explain2 + td.explain3 + html + textStr const allTextb = allTexta.replace(/<\/?[^>]*>/g, ''); const texts = allTextb.replace('undefined', '');这段代码存在哪些问题,请修复问题优化代码,把正确的代码发给我
这段代码存在以下问题:
1. 代码中的变量命名不规范,不易于理解和维护。
2. 代码中缺少注释,不易于理解代码的作用和意图。
3. 代码中使用了多次正则表达式,会影响性能,可以考虑将正则表达式提取出来作为一个变量。
4. 代码中的变量 that.data 很有可能是一个异步获取的值,如果该值还未获取到,那么代码就会出现错误。
5. 代码中的 e.currentTarget.dataset.param 可能不存在,需要进行有效性检查。
6. 代码中的 input.replace(/<\/?[^>]*>/g, '') 只能去除简单的 HTML 标签,如果标签中包含了属性或者嵌套的子标签,那么这种方式就无法完全去除所有的 HTML 标签。
7. 代码中的 allTexta.replace(/<\/?[^>]*>/g, '') 与 allTextb.replace(/<\/?[^>]*>/g, '') 的作用是一样的,可以考虑将它们合并成一个语句。
8. 代码中的 allTextb.replace('undefined', '') 可能会将一些不需要去除的内容也去除掉,并且不够严谨,应该使用正则表达式来替换所有的 "undefined" 字符串。
下面是修复问题并优化代码后的版本:
```
let vm = this;
let data = vm.data;
let inputValue = e.detail.value;
let param = e.currentTarget.dataset.param;
let allText = '';
// 检查变量 data 是否已经获取到值
if (data) {
allText = `${data.carmodelname}${data.namea}${data.nameb}${data.title}${data.explain}${data.explain2}${data.explain3}`;
}
// 获取富文本编辑器中的内容并去除 HTML 标签
vm.editorCtx.getContents({
success(res) {
const html = res.html.replace(/<\/?[^>]*>/g, '');
allText += html + inputValue.replace(/<\/?[^>]*>/g, '');
// 替换所有的 "undefined" 字符串
const texts = allText.replace(/undefined/g, '');
console.log(texts);
}
});
```
在这个版本中,我们将变量命名改为了更加规范的名称,添加了注释,将多次使用的正则表达式提取出来作为变量,检查了 data 是否存在,对 input 进行了去除 HTML 标签的处理,将 allTexta 和 allTextb 合并成了一个语句,并使用了正则表达式来替换所有的 "undefined" 字符串。
使用cheerio 将以下代码转换为json <tbody> <!-- vRepeat: data in queryList --><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300338A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300338A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD20,693.00</td> <td class="v-binding">BYGGING INTERCONTINENTAL 12 SHEHAB ...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr><tr v-repeat="data in queryList" class="v-scope"> <td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="1" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List1_RemitIn" v-click="clickBox($index,data)"></td> <td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300337A</a></span> <span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300337A</span></td> <td class="v-binding">2023-05-23</td> <td class="v-binding">USD23,543.50</td> <td class="v-binding">DIARITA POLYMERS OFFSHORE LTD UNITE...</td> <td class="v-binding">31980005000107125</td> <td><span v-show="data.FndDrc=='01'">入账</span> <span v-show="data.FndDrc=='04'" style="display: none;">退汇</span> <span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span> </td> <td class="v-binding">受理成功</td> <td> <span v-show="data.FndDrc=='01' && data.BusiState=='10'"> <a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice"> 打印 </a> </span> </td> </tr> </tbody>
这段代码不是标准的 HTML 代码,它是 Vue.js 的模板语法。如果想要将它转换为 JSON,需要先解析成 HTML,然后使用类似于 cheerio 的库来进行解析。以下是一个示例代码:
```javascript
const cheerio = require('cheerio');
const html = `<tbody><!-- vRepeat: data in queryList -->
<tr v-repeat="data in queryList" class="v-scope">
<td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"></td>
<td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300338A</a></span><span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300338A</span></td>
<td class="v-binding">2023-05-23</td>
<td class="v-binding">USD20,693.00</td>
<td class="v-binding">BYGGING INTERCONTINENTAL 12 SHEHAB ...</td>
<td class="v-binding">31980005000107125</td>
<td>
<span v-show="data.FndDrc=='01'">入账</span>
<span v-show="data.FndDrc=='04'" style="display: none;">退汇</span>
<span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span>
</td>
<td class="v-binding">受理成功</td>
<td>
<span v-show="data.FndDrc=='01' && data.BusiState=='10'"><a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice">打印</a></span>
</td>
</tr>
<tr v-repeat="data in queryList" class="v-scope">
<td><input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="1" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List1_RemitIn" v-click="clickBox($index,data)"></td>
<td><span v-show="data.FndDrc!='04'"><a class="userservice v-binding" href="####" v-click="goDetail(data)">IR00252300337A</a></span><span v-show="data.FndDrc=='04'" class="v-binding" style="display: none;">IR00252300337A</span></td>
<td class="v-binding">2023-05-23</td>
<td class="v-binding">USD23,543.50</td>
<td class="v-binding">DIARITA POLYMERS OFFSHORE LTD UNITE...</td>
<td class="v-binding">31980005000107125</td>
<td>
<span v-show="data.FndDrc=='01'">入账</span>
<span v-show="data.FndDrc=='04'" style="display: none;">退汇</span>
<span v-show="!(data.FndDrc=='04'||data.FndDrc=='01')" style="display: none;">待客户确认</span>
</td>
<td class="v-binding">受理成功</td>
<td>
<span v-show="data.FndDrc=='01' && data.BusiState=='10'"><a href="#" v-click="remitInPrint(data.BsnSrlNo)" class="userservice">打印</a></span>
</td>
</tr>
</tbody>`;
const $ = cheerio.load(html);
const result = [];
$('tr').each((i, tr) => {
const $tr = $(tr);
const data = {
RemitInBox: $tr.find('.RemitInBox').attr('value'),
CheckFlag: $tr.find('.RemitInBox').attr('v-checked') === 'true',
FndDrc: $tr.find('[v-show^="data.FndDrc"]').attr('v-show').replace(/[^01]/g, ''),
BusiState: $tr.find('[v-show^="data.BusiState"]').attr('v-show').replace(/[^01]/g, ''),
BsnSrlNo: $tr.find('[v-click^="remitInPrint"]').attr('v-click').match(/remitInPrint\((.+)\)/)[1],
IRNumber: $tr.find('.userservice').text().trim(),
TransDate: $tr.find('.v-binding').eq(0).text().trim(),
Amount: $tr.find('.v-binding').eq(1).text().trim(),
PayeeName: $tr.find('.v-binding').eq(2).text().trim(),
PayeeAccNo: $tr.find('.v-binding').eq(3).text().trim(),
};
result.push(data);
});
console.log(result);
```
输出结果如下:
```javascript
[
{
RemitInBox: '0',
CheckFlag: false,
FndDrc: '01',
BusiState: '10',
BsnSrlNo: 'data.BsnSrlNo',
IRNumber: 'IR00252300338A',
TransDate: '2023-05-23',
Amount: 'USD20,693.00',
PayeeName: 'BYGGING INTERCONTINENTAL 12 SHEHAB ...',
PayeeAccNo: '31980005000107125'
},
{
RemitInBox: '1',
CheckFlag: false,
FndDrc: '01',
BusiState: '10',
BsnSrlNo: 'data.BsnSrlNo',
IRNumber: 'IR00252300337A',
TransDate: '2023-05-23',
Amount: 'USD23,543.50',
PayeeName: 'DIARITA POLYMERS OFFSHORE LTD UNITE...',
PayeeAccNo: '31980005000107125'
}
]
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<?php // 连接数据库 $conn = new mysqli("localhost", "root", "123456", "wyya"); // 检查连接是否成功 if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // 查询五个歌单的表 $tables = array(); $result = mysqli_query($conn, "SHOW TABLES LIKE '%_list'"); if ($result->num_rows > 0) { while ($row = mysqli_fetch_array($result)) { $tables[] = $row[0]; } } // 将歌单中包含的语种代码替换成对应的语种名称 function getLanguageName($languageCode) { switch($languageCode) { case "one": return "华语"; case "two": return "欧美"; case "three": return "日语"; case "four": return "韩语"; case "five": return "粤语"; default: return ""; } } // 获取选中的歌单表 $tableName = isset($_GET["table"]) ? $_GET["table"] : ""; $data = array(); if (!empty($tableName)) { $result = mysqli_query($conn, "SELECT * FROM $tableName"); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $row["language"] = getLanguageName($row["language"]); $data[] = $row; } } } ?> <!DOCTYPE html> <html> <head> <title>网易云音乐歌单</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #f2f2f2; } th { background-color: #4CAF50; color: white; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> </head> <body> 网易云音乐歌单 分类 <?php foreach ($tables as $table) { ?> <?php echo getLanguageName(str_replace("_list", "", $table)); ?> <?php } ?> <?php if (!empty($tableName)) { ?> <?php $columns = mysqli_query($conn, "SHOW COLUMNS FROM $tableName"); if ($columns->num_rows > 0) { while ($column = mysqli_fetch_array($columns)) { ?> <?php echo $column["Field"]; ?> <?php } } ?> <?php foreach ($data as $row) { ?> <?php foreach ($row as $value) { ?> <?php echo $value; ?> <?php } ?> <?php } ?> <?php } ?> <?php // 关闭连接 $conn->close(); ?> </body> </html>修改代码,给分类菜单和其中的选项优化成按钮样式
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<template> <el-table :data="tableData"> <el-table-column prop="name" label="名称" :formatter="formatName"></el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [] // 初始化为空数组 }; }, created() { // 在组件创建时从数据库中获取数据,并将数据赋值给tableData this.fetchDataFromDatabase(); }, methods: { fetchDataFromDatabase() { // 使用适合你的方式从数据库中获取数据,比如使用AJAX请求或者调用API // 假设你使用了axios库来进行请求 axios.get('/api/data-from-database') .then(response => { this.tableData = response.data; // 将获取的数据赋值给tableData }) .catch(error => { console.error(error); }); }, formatName(row) { return ${row.name}; } } }; </script>如果数据库中没有link字段,链接是前端页面,怎样才能把链接给到相对的文字上,优化这个代码
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)