首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js中indexof的用法

indexOf() 是 JavaScript 中的一个字符串和数组方法,用于查找指定元素或子字符串在原始字符串或数组中首次出现的位置(索引)。如果未找到,则返回 -1。

用法:

字符串中的 indexOf()

代码语言:txt
复制
let str = "Hello, World!";
let position = str.indexOf("World"); // 返回 7

数组中的 indexOf()

代码语言:txt
复制
let arr = [1, 2, 3, 4, 5];
let index = arr.indexOf(3); // 返回 2

参数:

  • 要搜索的元素或子字符串。
  • (可选)开始搜索的位置索引,默认为 0。

返回值:

  • 找到的元素或子字符串的索引。
  • 如果未找到,则返回 -1。

应用场景:

  • 查找元素或子字符串是否存在:通过判断 indexOf() 的返回值是否不等于 -1。
  • 确定元素或子字符串的位置:获取元素或子字符串在字符串或数组中的索引位置。

示例:

代码语言:txt
复制
// 字符串示例
let sentence = "The quick brown fox jumps over the lazy dog.";
let wordIndex = sentence.indexOf("fox"); // 返回 16

// 数组示例
let numbers = [10, 20, 30, 40, 50];
let numberIndex = numbers.indexOf(40); // 返回 3

// 使用第二个参数指定开始搜索的位置
let startIndex = sentence.indexOf("the", 5); // 返回 30,因为从索引5开始搜索

注意事项:

  • indexOf() 方法区分大小写。
  • 对于数组,indexOf() 使用严格相等(===)来比较元素。

解决问题的例子:

如果你在使用 indexOf() 时遇到问题,比如总是返回 -1,可能的原因包括:

  • 要查找的元素或子字符串不存在于原始数据中。
  • 在字符串搜索中,大小写不匹配。
  • 在数组搜索中,使用了非严格相等比较,或者数据类型不匹配。

确保你的搜索条件正确,并且注意大小写和数据类型的匹配。如果需要忽略大小写,可以将字符串转换为统一的大小写形式再进行比较。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

js indexOf()用法

大家好,又见面了,我是你们的朋友全栈君。 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。...stringObject 中的字符位置是从 0 开始的。 提示和注释 注释:indexOf() 方法对大小写敏感! 注释:如果要检索的字符串值没有出现,则该方法返回 -1。...W3C school http://www.w3school.com.cn/jsref/jsref_indexOf.asp java 中indexOf()用法 Java中字符串中子串的查找共有四种方法...如果它比最大的字符位置索引还大,则它被当作最大的可能索引 Java中字符串中子串的查找共有四种方法,如下: 1、int indexOf(String str) :返回第一次出现的指定子字符串在此字符串中的索引...2、int indexOf(String str, int startIndex):从指定的索引处开始,返回第一次出现的指定子字符串在此字符串中的索引。

4.2K20
  • JS中的indexOf方法

    大家好,又见面了,我是你们的朋友全栈君。 indexOf()简介 indexOf()是js中内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法。...如果查询到返回索引,反之返回-1(固定用法); 因为indexOf()在不同类型使用的时候可能有细节性的注意点; 这里我们对不同数据类型使用IndexOf的场景进行讨论(其实就是string和array...) 注:(暂不讨论两个参数时(第二个参数为查询的起始位置),以及lastIndexOf()) String类型使用indexOf(); String中的indexOf方法 (话不多说直接上代码,不跟你多...如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js底层代码中String.prototype.indexOf()使用的是==进行比较判断; Number类型的IndexOf...()是不会进行隐式类型转换的,也就是说Array.prototype.indexOf()底层代码在实现的时候使用的是强等于=== 严格比较; 总结 string中indexOf() 会将数值参数转换为字符再查询索引

    5.3K40

    js indexOf 的正确用法「建议收藏」

    indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,如果存在返回该元素或字符第一次出现的位置的索引,不存在返回-1。...(str.indexOf("w")); //打印结果为5 那么,当想删除某个数组中的某个元素时,常常会这么写 var arr = [1, 2, 3]; var idx = arr.indexOf(2)...(obj)); //打印结果为-1 我们发现obj和arr数组中第1个元素时一样的。...(arr2)); //打印结果为1 这下明白了,就是因为如果数组中存放的是对象或者数组的话,必须是该对象的引用,才可以使用indexOf得到正确的索引值。...因为一旦对象中的字段顺序前后颠倒,就会匹配不到,返回-1(曾经被这个坑深深的伤了心)。 那么到底怎么规避这样的问题呢,从原理上来说,就是挨个比较对象里每个元素是否都相等。

    1.6K30

    【第4期】JS数组中的indexOf方法

    相信说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用,正则不熟练同学的利器。这篇文章就最近遇到的一个问题,用实例再说说说indexOf方法。...本文是小知识点积累,不作为深入讨论的话题,因此这里没有解释indexOf()的第二个参数,相信大家都知道第二个参数的作用。...String 类型的使用 温习一下大家熟知的字符串用法,举个例子 let str = 'orange'; str.indexOf('o'); //0 str.indexOf('n'); //3 str.indexOf...0 //文艺青年的写法 ('' + num).indexOf(2); //0 第一种写法简单直接,对于已知的较短的数字也不是不可行。...arr.indexOf(‘o')输出 -1 因为此方法不会在每一个元素的基础上再次执行 indexOf 匹配。

    2.1K10

    js中reduce的用法

    数组去重 var arr = [3,9,4,3,6,0,9]; var newArr = arr.reduce(function (prev, cur) { prev.indexOf(cur)...=== -1 && prev.push(cur); return prev; },[]); 实现的基本原理如下: ① 初始化一个空数组 ② 将需要去重处理的数组中的第1项在初始化数组中查找...,如果找不到(空数组中肯定找不到),就将该项添加到初始化数组中 ③ 将需要去重处理的数组中的第2项在初始化数组中查找,如果找不到,就将该项继续添加到初始化数组中 ④ …… ⑤ 将需要去重处理的数组中的第...n项在初始化数组中查找,如果找不到,就将该项继续添加到初始化数组中 ⑥ 将这个初始化数组返回 4....其它reduceRight()方法 该方法用法与reduce()其实是相同的,只是遍历的顺序相反,它是从数组的最后一项开始,向前遍历到第一项。 5.

    5.7K40

    js中settimeout()的用法详解_js中setattribute

    大家好,又见面了,我是你们的朋友全栈君。 setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了。...setTimeout内的函数先不执行,隔一段时间后再执行,函数后面的数字是隔的时间,单位是毫秒(千分之一秒) 比如: setTimeout(‘alert(“hello world!”)’..., 400); setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。 比如: Stop interval setInterval动作的作用是在播放动画的时...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    15K20

    js中find的用法_js中find函数

    今天我们要说的是结合ES6新特性谈一下js里面的一个很好用的方法-find() 现在的前端和过去的不一样,过去的前端只要会画页面就行了,但是现在仅仅会画页面已经远远不够了,现在前端还需要会处理数据,而且还要会将数据分析分类处理...,这样后端的压力比较大,我们举个例子: /** * aim csdn博客 - find()用法 * author clearlove * date 18-08-06 * */ var...下面我们讲怎么用前端处理这块的逻辑 首先我们拿到了所有的数据这里我直接放到一个测试用的js里面存放, 要实现之前说的效果,就需要使用我们今天的主角find()方法。 find()是用来做什么的呢?...find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined 在本文章需要注意的几个点: ①、第一个元素 ②、测试函数 那么如何使用呢?...-- aim csdn博客 - find()用法 author clearlove date 18-08-06 --> <!

    11.7K30

    JS中call apply bind的用法

    谁调用当前的属性或者方法的,它就是谁 /* 2.1.bind方法作用 修改函数或者方法中的this为指定的对象, 并且会返回一个修改之后的新函数给我们 注意点...: bind方法除了可以修改this以外, 还可以传递参数, 只不过参数必须写在this对象的后面 */ //call apply bind修改this的.../*call:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数 注意点: call方法除了可以修改this以外, 还可以传递参数, */.../*apply:修改函数或者方法中的this为指定的对象, 并且会立即调用修改之后的函数 注意点: apply方法除了可以修改this以外, 还可以传递参数, 只不过参数必须通过数组的方式传递...立即执行是不返回的. */ let obj={name:"cyg"}; /* function test(a,b) {

    2.9K30

    java中indexOf()类的基本使用

    17         System.out.println("————————————————————————————————————————————————");         // 从指定的位置开始查找...("————————————————————————————————————————————————");         // 查找所有“Day”出现的位置并打印出来         pos =...s1.indexOf("Day");         while (pos !...            System.out.println(pos);             // pos++;             pos += "Day".length();//优化了运算,跨过“day”的3...//从指定的字符串下标位置开始从后往前返回值         pos = s1.lastIndexOf("good");         System.out.println(pos);

    1.3K20

    js中class的继承的基础用法

    在es6中class可通过关键词extends来实现继承,es5则是修改原型链来实现继承的。...有一个注意点:就是子类在constructor方法中调用super,super就是父类的构造函数,我们必须先构造父类,才能使用子类。...,注意看子类中fn1这个函数,他使用了父类的sky属性,注意在子类使用父类的属性时,只能使用this来调用,使用super是找不到的,因为class中的属性都是实例属性。...但是如果是函数,使用this或者super都是可以调用的到,比如在constructor方法中调用了父类的rotate方法,这里使用this.rotate()或者super.rotate()都是可以的,...es5中的继承 es5中的继承则是让某个构造函数的原型对象等于另一个类型的实例,这样实现的继承。

    4.3K10
    领券