题解 | #智能提示#

//输入中各种不能被识别的正则表达式的特殊字符，对特殊字符需要进行转义处理！！！
function suggest(items) {
    var input = document.querySelector('.js-input');
    var div = document.querySelector('.js-suggest');
    var ul = document.querySelector('.js-suggest ul');
    //去除输入字符串两端空白
    var inputValue = input.value.trim(); 
    
    ul.innerHTML = '';
    // 输入框的值为空时，按照全部不匹配处理
    if(!inputValue){
        div.classList.add('hide');
    }else{
        //字符串和输入框的值匹配
        var str = ''; // 正则表达式
        var istrue = false;
        if(/(\(|\)|\||\.|\?|\*|\+|\\|\[|\])/.test(inputValue.toString())){
            Array.from(inputValue.toString()).forEach(el=>{ 
                str += '\\'+ el+'.*?';
            })
        }else{
            Array.from(inputValue.toString()).forEach(el=>{ 
                str += el+'.*?';
            })
        }
        items.forEach(item=>{
            console.log(item.search(str))
            if(item.search(str)!=-1){
                istrue=true;
                ul.innerHTML += `<li>${item}</li>`;
            }
        })
        
        if(istrue){
            console.log('suggest');
            div.className='js-suggest';
        }else{
            console.log('hide');
            div.classList.add('hide');
        }
    }
}