JS---模糊查询indexOf()

已于 2023-11-24 15:41:46 修改
阅读量162 收藏
点赞数
文章标签： javascript
于 2023-06-30 12:02:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45458830/article/details/131473791
版权

1.模糊查询

stringObject.indexOf( searchvalue ,fromindex)

searchvalue:检索内容

fromindex : 在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1

注释：indexOf() 方法对大小写敏感！

如果要检索的字符串值没有出现，则该方法返回 -1。

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>

以上代码的输出：

0
-1
6

月隐Labrador
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#字符串模糊匹配方法总结
qq_30725967的博客
04-02 9164
对应的字符串形式 方法一 List list = new List(); string s = “{1}{2}{3}”; int i = s.IndexOf("{"); int j = s.IndexOf("}"); while (i > -1 && j > -1) { string ss = s.Substring(i + 1, j - i -1); list.Add...
JS中的模糊查询功能
10-15
在JS中，我们可以使用多种方法实现这一目标，如字符串的`includes()`、`indexOf()`或正则表达式。其中，正则表达式提供了更为灵活和强大的模糊查询能力。 在示例代码中，我们看到一个简单的文本输入框`...
【Vue】字符串数组模糊查询方法
慕白Lee的博客
03-19 1万+
疑问、交流、鼓励请留言！
js中常用的四种模糊查询(includes()、indexOf()、search()、match())
qq_54375345的博客
04-12 8326
开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。includes() 方法用来判断一个数组或字符串是否包含一个指定的值，如果是则返回 true，否则返回false。search() 方法用于检索字字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。在字符串中，与在数组中不同之处在与，当在字符串中寻找的是空字符串时，返回值为0，而不是-1。在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。当在字符串中寻找的是空字符串时，返回值为0，而不是-1。
js实现模糊查询的方法
weixin_45718332的博客
10-20 926
js实现模糊查询的方法
javaScript 使用indexOf 撸一下模糊查询
最新发布
pig_ning的博客
10-24 202
javaScript 使用indexOf 撸一下模糊查询
js模糊查询实例分享
10-20
通过理解 `indexOf()` 方法以及如何遍历和操作 DOM，开发者可以创建出高效且用户体验良好的模糊查询功能。希望这个实例和解释能对你在学习或工作中有所帮助，并鼓励你进一步探索 JavaScript 在前端搜索和过滤领域的...
vue2过滤器模糊查询方法
10-18
return String(product[key]).toLowerCase().indexOf(search.toLowerCase()) > -1; }); }); } return searchVal; } } ``` 在上述代码中，`filter`函数遍历`products`数组，并对每个元素应用一个回调函数。`...
Select下拉框模糊查询功能实现代码
09-01
if (option.text.toLowerCase().indexOf(input.value.toLowerCase()) === 0) { var div = document.createElement('div'); div.textContent = option.text; div.value = option.value; // 添加鼠标悬停和点击...
Angular实现下拉框模糊查询功能示例
10-18
if (data.indexOf(v) >= 0) { newDate.unshift(data); } }); $scope.datas = newDate; } ``` 此外，我们还需要一个下拉框来展示过滤后的结果： ```html <select ng-change="change(x)" ng-model="x" multiple...
列表的模糊搜索——indexOf（）用法-对大小写敏感 & 检索字符串值没有出现，则该方法返回 -1
weixin_44867717的博客
05-25 805
列表的模糊搜索——indexOf（）用法-对大小写敏感 & 检索字符串值没有出现，则该方法返回 -1 <html lang="en"> <head> <meta charset="UTF-8"> <title>模糊查询</title> </head> <style> .wrap { text-align: center; max-width: 400px;
用 indexof 实现模糊查询
u_ndefine_d的博客
04-21 870
使用forEach 和 indexOf 实现模糊查询 以下代码复制到html文件中可直接运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid
java 模糊查找_如何在JAVA里做 模糊查询
weixin_40007175的博客
02-12 4021
展开全部可以使用正则表达式实现， 可以字符串本身的方法实现，请看62616964757a686964616fe58685e5aeb931333361323534示例：importjava.util.regex.Pattern;/***@authorArvin*@time2016/11/821:38*/publicclassMain{publicstaticvoidmain(...
JavaScript利用filter和indexof实现模糊查询
YY的博客
10-12 876
模糊查询：含有某个字符的元素都输出
js模糊查询
热门推荐
小龚的博客
03-09 2万+
第一篇博客。
VUE前端实现“模糊搜索“（纯前端）
weixin_45928161的博客
05-19 1万+
vue纯前端实现“模糊搜索”、“按匹配度排序”
index客户主页+页面分页的模糊查询 and add知识
m0_64848027的博客
04-03 512
一.首先回望一下,我们经常会在JSP学习中遇到的问题和有必要掌握的 a little 知识。 1.如何修改默认的编码方式？ 1）首先点击eclipse上方工具栏的window，选择preferences； 2）在左侧的搜索框中输入jsp，选择jsp file 然后在右侧页面修改字符编码就OK啦。 2.JSP常见的错误代号 1）404（找不到此网页） 排错方法：检查Web应用是否正确部署 or 检查URL,使用正确的URL（文件名称与路径要写对）...
vue纯前端实现模糊查询，使用filter和indexOf
weixin_43312391的博客
03-15 9202
实现目标：在输入框中输入与名称有关的内容，出现与所输入内容有关的表信息。 实现效果： 实现方式： template中： <div class="search-box"> <el-input placeholder="请输入名称" v-model="inputVal" clearable size="small" ></el-inp
JavaScript 基于数组的filter 字符的indexOf 简易模糊查询
我思,故我在的博客
10-18 198
【代码】JavaScript 基于数组的filter 字符的indexOf 简易模糊查询。
el-cascader 模糊查询
05-13
el-cascader 组件本身并不支持模糊查询，但是可以通过自定义 filter 方法来实现模糊匹配。具体实现步骤如下： 1. 在 el-cascader 组件中添加 filterable 属性，开启过滤功能： ```html <el-cascader filterable :options="options" :props="props" @change="handleChange" ></el-cascader> ``` 2. 自定义 filter 方法，在该方法中实现模糊匹配逻辑： ```javascript filterMethod(value, option) { // 从 option 中获取 label 字段 const label = option.label || ''; // 判断 label 是否包含搜索关键字 return label.toLowerCase().indexOf(value.toLowerCase()) > -1; } ``` 3. 将自定义的 filter 方法传递给 el-cascader 组件的 filter 方法： ```html <el-cascader filterable :filter-method="filterMethod" :options="options" :props="props" @change="handleChange" ></el-cascader> ``` 这样，就可以在 el-cascader 组件中实现模糊匹配了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值