Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在字符串列表中搜索字符串中出现的任何单词,如果单词的第一个字符匹配,则搜索匹配的单词。Javascript正则表达式_Javascript_Regex - Fatal编程技术网

在字符串列表中搜索字符串中出现的任何单词,如果单词的第一个字符匹配,则搜索匹配的单词。Javascript正则表达式

在字符串列表中搜索字符串中出现的任何单词,如果单词的第一个字符匹配,则搜索匹配的单词。Javascript正则表达式,javascript,regex,Javascript,Regex,点击 这适用于[单词的子字符串][匹配项]。理想情况下,在子字符串上不匹配的 如果搜索的单词第一个字符与要搜索的字符串列表中任何单词的第一个字符匹配匹配字符应突出显示 //核心函数 函数buildRegexFor(查找){ 返回“(“+find+”)”; } //处理按钮单击事件 document.querySelector('button')。onclick=function(){ //(1)读取输入 var find=document.querySelector('input')。值; v

点击 这适用于[单词的子字符串][匹配项]。理想情况下,在子字符串上不匹配的

如果搜索的单词第一个字符与要搜索的字符串列表中任何单词的第一个字符匹配匹配字符应突出显示

//核心函数
函数buildRegexFor(查找){
返回“(“+find+”)”;
}
//处理按钮单击事件
document.querySelector('button')。onclick=function(){
//(1)读取输入
var find=document.querySelector('input')。值;
var str=document.querySelector('textarea')。值;
//(2)使用上述函数构建正则表达式
var regexStr=buildRegexFor(find);
//(3)将正则表达式应用于文本并突出显示所有找到的实例
str=str.replace(新的RegExp(regexStr,'g'),“$1”;
//(4)产出
document.querySelector('span').textContent=regexStr;
document.querySelector('div')。innerHTML=str;
};
.boldtxt{
颜色:红色;
}
要查找的值:


找到
要在中查找的文本:
水表参数水表
正则表达式:

将创建正则表达式的函数更改为以下内容

function buildRegexFor(find) {
    return '(\\b' + find +')';
}
如果字符串出现在单词的开头或单词本身,则仅高亮显示该字符串。如果我正确理解了你的问题,那就是你需要的

谢谢

段,如果我们提供“eter%和@”作为要查找的输入值。如果我们在文本区域中有“meter parameter@meter water and twitter eternal%”内容,那么结果应该突出显示“仅meter%和@”内容。