首页 > 其他分享 >vue中的js:获取小括号中的字符串并且做替换

vue中的js:获取小括号中的字符串并且做替换

时间:2024-10-17 10:32:10浏览次数:5  
标签:vue name replace xx 小括号 js 替换 match

1) js正则表达式 替换小括号中的斜杠:

const str = "这是一个(带有/斜线)的字符串,(还有另一个/斜线)需要替换";
 
let replacedStr = str.replace(/\(.*?\)/g, function(match) {
    return match.replace(/\//g, 'AAA'); // 替换括号内的斜线
});
 
console.log(replacedStr);

 

2)转义url地址,然后替换url中的小括号中的斜杠

//data.formData.releaseName: http://xx.xx.xx.xx:8089/#/testapi/%5B2024.10.17%5D%20ReleaseData%20Release(dev/real)
const current_name = encodeURI(data.formData.releaseName) 
var release_name_value= current_name.replace(/\(.*?\)/g, function(match) {
                                    return match.replace(/\//g, "%2F"); // 如果是类型格式:http://xx.xx.xx.xx:8089/#/testapi/%5B2024.10.17%5D%20ReleaseData%20Release(dev/real) 就 替换 (dev/real)括号内的斜线  }); 
console.log(release_name_value);

 

 

标签:vue,name,replace,xx,小括号,js,替换,match
From: https://www.cnblogs.com/pingguomang/p/18471554

相关文章

  • 采用黑白仪表盘风格提高清晰度-Stimulsoft Dashboards.JS 2024.4.1
    采用黑白仪表盘风格提高清晰度2024年10月16日StimulsoftDashboards.JS2024.4.1采用了时尚、现代的设计和一致的报告格式,并采用了新的单色预设主题。StimulsoftDashboards.JS是一个JavaScript库,旨在在Web应用程序中构建交互式仪表板。......
  • Vue3中 watch、watchEffect 详解
    Vue3中watch、watchEffect详解   1.watch的使用 监听ref定义的响应式数据 <template><div><div>值:{{count}}</div><button@click="add">改变值</button></div></template><script>import{r......
  • ERROR require() of ES Module ...\node_modules\string-width\index.js from ...
    nuxt3安装jq的依赖,其实不止jq,只要是安装个新的依赖就报错:ERRORrequire()ofESModule...\node_modules\string-width\index.jsfrom...\node_modules\wide-align\align.jsnotsupported.解决方案:删掉yarn.lock和node_modules重新安装则没问题,然后在github和gi......
  • vue开发中,在js文件里使用pinia和组件同步
    遇到问题在js文件中封装涉及到使用pinia的方法时,发现和组件内容并不同步,二者是互相独立的。为了方便使用,需要在新建对象的时候,将pinia作为参数传进去只需要传pinia参数就可以store/index.jsimport{defineStore}from"pinia";import{createPinia}from'pinia'export......
  • 本地运行vercel模板项目vercel/nextjs-postgres-auth-starter
    官方指南链接:https://vercel.com/templates/next.js/prisma-postgres-auth-starter创建项目create-next-appnpxcreate-next-appnextjs-typescript-starter--example"https://github.com/vercel/nextjs-postgres-auth-starter"进入nextjs-typescript-startercdnextj......
  • 获取街道、镇级的地图geoJson数据方法
    获取geoJson数据①、第一种方法(不可获取街道、镇级数据)可以直接获取全国、各省、各市以及个县级市详细地图信息的geoJson数据阿里云数据可视化平台http://datav.aliyun.com/portal/school/atlas/area_selector注意:目前平台还拿不到街道、镇的区域数据。②、第二种方法(可获取街......
  • 实现对象字段在转换为 JSON 时大小写保持不变
    实现对象字段在转换为JSON时大小写保持不变预期效果:对象中字段名是Age,NAME转成json后:{"Age":"12","NAME":"张三"}使用场景:给外系统传参数rest接口参数时,对方要求;方式一使用Jackson的@JsonProperty注解importcom.fasterxml.jackson.annotation.JsonProperty;import......
  • ThreeJS入门(123):THREE.Skeleton 知识详解,示例代码
    作者:还是大剑师兰特,曾为美国某知名大学计算机专业研究生,现为国内GIS领域高级前端工程师,CSDN知名博主,深耕openlayers、leaflet、mapbox、cesium,webgl,ThreeJS,canvas,echarts等技术开发,欢迎加微信(gis-dajianshi),一起交流。查看本专栏目录-本文是第123篇入门文章......
  • 【c#】JSON操作
    C#中使用Json,安装Newtonsoft.json依赖读取json文件注意:检查json文件的编码类型,是否为UTF-8。不是的话,读取到的中文会乱码方法:json文件使用记事本打开,界面下方会显示编码类型。若不是,将文件另存为,更改即可。privateJObjectReadJsonFile(stringfolder,stringfileName){......
  • 关于 Ant Design Vue框架中 <a-upload> beforeUpload 上传文件校验之后,返回false 还能上
    现在在(jinsai)外包的时候,使用的是jeecg-boot项目,后端上传使用的是自带的JImageUpload,里面上传是a-upload组件,就是AntDesignVue框架,说实话,挺难用的。在JImageUpload组件中:直接上代码:点击查看代码//上传前beforeUpload:function(file){this.uploadGo......