在特定位置搜索和替换单词

Question

我无法解决一个问题。

有一个字符串，在某些地方有十六进制代码，代码可以很多。 我需要编写一个函数，该函数可以返回带有更改代码的字符串。 我想做什么：

function test(i,color){
	let str = "Lorem ipsum #1385ff dolor sit amet, #1385ff consectetur adipisicing #1385ff  elit. #333 Neque , est, voluptatum,#333";
	str = str.replace(str.match(/#[0-9a-f]{6}|#[0-9a-f]{3}/gi)[i],color) 
	return str
}
console.log(test(2,"#000"))

我期望得到的：

Lorem ipsum #1385ff dolor sit amet, #1385ff consectetur adipisicing #000 elit. #1385ff Neque quibusdam, est, voluptatum,#333333 aperia

我得到了什么：

Lorem ipsum #000 dolor sit amet, #1385ff consectetur adipisicing #1385ff elit. #1385ff Neque , est, voluptatum,#333333

非常感谢您的帮助:)

Answer 1

您可以使用替换函数来计算要替换的位置。

function test(i,color){
	let str = "Lorem ipsum #1385ff dolor sit amet, #1385ff consectetur adipisicing #1385ff  elit. #333 Neque , est, voluptatum,#333";
  var j = 0;
	str = str.replace(/#[0-9a-f]{6}|#[0-9a-f]{3}/gi,function(x){return j++!==i? x : color}) 
	return str
}
console.log(test(2,"#000"))

另一个没有使用替换功能的版本。每次匹配模式 i 次的新 RegExp，捕获所有文本，重新插入该文本，并将 ith 匹配替换为 color

function test(i,color){
	let str = "Lorem ipsum #1385ff dolor sit amet, #1385ff consectetur adipisicing #1385ff  elit. #333 Neque , est, voluptatum,#333";
	str = str.replace(new RegExp(`((?:.*?#[0-9a-f]{6}|#[0-9a-f]{3}){${i}}.*?)(?:#[0-9a-f]{6}|#[0-9a-f]{3})`,'i'),`$1${color}`) 
	return str
}
console.log(test(2,"#000"))