题解 | #智能提示#

智能提示

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的字符串的拼接

全部评论

相关推荐

09-27 14:42
已编辑
浙江大学 Java
未来未临:把浙大放大加粗就行
点赞 评论 收藏
分享
10-09 00:50
已编辑
长江大学 算法工程师
不期而遇的夏天:1.同学你面试评价不错,概率很大,请耐心等待;2.你的排名比较靠前,不要担心,耐心等待;3.问题不大,正在审批,不要着急签其他公司,等等我们!4.预计9月中下旬,安心过节;5.下周会有结果,请耐心等待下;6.可能国庆节前后,一有结果我马上通知你;7.预计10月中旬,再坚持一下;8.正在走流程,就这两天了;9.同学,结果我也不知道,你如果查到了也告诉我一声;10.同学你出线不明朗,建议签其他公司保底!11.同学你找了哪些公司,我也在找工作。
点赞 评论 收藏
分享
1 收藏 评论
分享
牛客网
牛客企业服务