AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

用js实现在数组中模糊查询某个字符串

2023-06-21 444
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 用js实现在数组中模糊查询某个字符串

需求说明


有一个由多个字符串组成的数组

const strArr = ['cat', 'dog','panda']


实现模糊匹配，比如我输入a, 可以搜索到cat和panda


实现代码


  judgeStrExit = (strArr) => {
    // value是我搜索框输入的值，存在state里面
    const { value } = this.state;
    if(strArr.find(( str ) => {
      return str.search(value) !== -1
    })){
      return true;
    }
    return false;
  }


文章标签：
JavaScript
关键词：
JavaScript数组
JavaScript字符串
JavaScript模糊查询
JavaScript数组字符串
晨出
目录
相关文章
游客lijmi4663rgsa
|
6月前
|
JavaScript 前端开发 API
JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
array.map(）可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等，比for好用太多了，主要是写法简单，并且非常直观，并且能提升代码的可读性，也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
412 1
大树营养快线
|
10月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致？
综上所述，模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处，也有不同之处。在实际应用中，需要根据具体的场景和性能需求来选择使用哪种字符串处理方式，以达到最佳的性能和开发效率。
大树营养快线
226 63
游客lijmi4663rgsa
|
6月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用，JS中数组过滤器的使用详解（附实际应用代码）
用array.filter(）来实现数据筛选、数据清洗和链式调用，相对于for循环更加清晰，语义化强，能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案，重点应该在于给出解决方案的同时分享思维模式，只有思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
454 0
蓝易云
|
8月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中，字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法，使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法，并提供示例代码以便更好地理解和应用这些方法。
蓝易云
144 13
雨溪-yuxi
|
10月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理，包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等，适合前端学习者参考。作者是一位热爱前端技术的大一学生，专注于分享实用的编程技巧。
雨溪-yuxi
83 2
chnjames
|
11月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南：20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧，涵盖了从基本的添加、移除元素，到数组转换和去重等高级操作。强调了不可变性的重要性，提供了清晰的代码示例，帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者，这些技巧都将显著提升您的编码能力，使您在项目中更具竞争力。
chnjames
176 2
神明木佑
|
11月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
神明木佑
296 3
神明木佑
|
11月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
神明木佑
247 4
邹荣乐
|
11月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍（二）
JavaScript中数组、对象等循环遍历的常用方法介绍（二）
邹荣乐
153 1
神明木佑
|
11月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
神明木佑
169 0