题解 | #智能提示#

智能提示

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

全部评论

相关推荐

程序员牛肉:主要是因为小厂的资金本来就很吃紧,所以更喜欢有实习经历的同学。来了就能上手。 而大厂因为钱多,实习生一天三四百的就不算事。所以愿意培养你,在面试的时候也就不在乎你有没有实习(除非是同级别大厂的实习。) 按照你的简历来看,同质化太严重了。项目也很烂大街。 要么换项目,要么考研。 你现在选择工作的话,前景不是很好了。
点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务