动态替换 [ ]里面的值

通过js+正则获取字符串中括号

	let regex = /\[(.+?)\]/g;
	console.log(this.panel.skipUrl,'this.panel.skipUrl')
	let options =  this.panel.skipUrl.match(regex);
	 console.log(options,'第一次正则')

在这里插入图片描述

会得到一个数组,数组里面是当前字符串有多少个中括号,及其值。

动态修改字符串括号中参数

    console.log(this.panel.skipUrl,'原本值')
	console.log(newSelectNames,'需要匹配修改的数组')
	for (let i = 0; i < options.length; i++) {
	  const optionInfo = options[i].replace(/\[|]/g, '');  //optionInfo:此处提取出括号中值,为了和替换数字进行对比取值用。
	  const reg = new RegExp('\\[' + optionInfo + '\\]', 'g'); //主要是这行代码(正常单个正则)
	  this.panel.skipUrl = this.panel.skipUrl.replace(reg, newSelectNames.find(it => it.label === optionInfo).value || '');//
	}
	console.log(this.panel.skipUrl,'替换后')
	

在这里插入图片描述

  1. 逻辑是循环了options,也就是知道了当前字符串有哪些需要进行替换。
  2. optionInfo:此处提取出括号中值,为了和替换数字进行对比取值用。
  3. reg:就是对应的正则,原本单个正则直接str.replace(/[name]/g,‘替换值’)即可,主要是此处是动态替换必须这样写,否则 \ 反斜杠会被解析掉。
  4. 最后进行replace替换即可

总结

核心代码是const reg = new RegExp('\\[' + optionInfo + '\\]', 'g');

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值