题解 | #智能提示#

智能提示

http://www.nowcoder.com/practice/efccf73b4ceb4446b6d71127f874e6d3

 function suggest(items) {
        let value = document.querySelector('.js-input').value.trim()
        const sDom = document.querySelector('.js-suggest')
        const ulDom = sDom.querySelector('ul')
        let list = value
          ? items.filter((str) => {
              return new RegExp(
                value
                  .split('')
                  .map((s) => {
                    return (
                      (['(', ')','[',']','.', '*', '+', '?'].includes(s) ? '\\' : '') +
                      s +
                      '.*?'
                    )
                  })
                  .join(''),
                'g'
              ).test(str)
            })
          : []
        if (list && list.length) {
          sDom.classList.remove('hide')
          ulDom.innerHTML = list.map((str) => '<li>' + str + '</li>').join('')
        } else {
          ulDom.innerHTML = ''
          sDom.classList.add('hide')
        }
      }
      document.querySelector('.js-input').value = '的'
      suggest([
        '不匹配数据',
        '根据输入框的值',
        '从给定字符串数组中筛选出匹配的数据,依次显示在li节点中',
        '如果没有匹配的数据,请移除所有li节点,并隐藏.js-suggest节点',
      ])

重点是 RegExp的字符串的拼接

全部评论

相关推荐

Noel_:中石油是这样的 哥们侥幸混进免笔试名单 一看给我吓尿了
点赞 评论 收藏
分享
10-24 11:10
山西大学 Java
若梦难了:哥们,面试挂是很正常的。我大中厂终面挂,加起来快10次了,继续努力吧。
点赞 评论 收藏
分享
1 收藏 评论
分享
牛客网
牛客企业服务