如何将我的过滤器搜索输入文本与我的 RegEx 匹配？

Question

我有一个图片库，当我在搜索字段中键入 #cat（例如）时，它会过滤我的图片标签，这些标签存储在一个单独的变量中，该变量从 JSON 文件中提取信息。

我有一个正则表达式，它不仅在标签中搜索特定单词，而且还搜索部分包含该单词的标签。 我需要它来避免部分包含该单词的标签。

HTML：

<div class="searchButton">
    <input type="text" id="inputValue" data-toggle="tooltip" placeholder="Search by name or #tag">
    <button id="searchBtn" onclick="goToPage(0,limit)" type="button">Search</button>
</div>

JS：

function goToItem(filter,imgIndex,count) {
    let imagesToDisplay = getImageArray(filter, imgIndex, count);
    const imgCount = getImagesCount();
    RenderPagingView(imgCount);
    renderImages(imagesToDisplay);
} 

function getImageArray(filter, imgIndexStart, numberOfImages) {
    let filter = $("#inputValue").val().toLowerCase();        
    searchByTag = filter[0] === "#";
    regexTag = new RegExp(filter.replace(/#/g, '').replace(/,/, '|').match(/\W*(`//how to place the input field of the filter variable here ,so to watch for that word only ??`)\W*/g));
    regexTitle = new RegExp(filter.replace(/,/g, '|'));
    let filteredArrayPhotos=[];

    tmpFiltered = arrayPhotos.filter(function searchFilter (image){
    return searchByTag ? regexTag.test(image.tag) : regexTitle.test(image.title.toLowerCase());
}

例如，如果 For 循环有更好的方法，它也将适合。

Answer 1

我改变了：

regexTag = new RegExp(filter.replace(/#/g, '').replace(/ /g, '').replace(/,/, '|') );

至：

regexTag = new RegExp(('\\b' + filter + '\\b').replace(/#/g, '').replace(/ /g, '').replace(/,/, '|') );

现在一切正常。