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

JS中indexOf的用法 「建议收藏」

大家好,又见面了,我是你们的朋友全栈君。 String.IndexOf(Char, [startIndex], [count]):返回指定字符在原字符串中的第一个匹配项的索引。...可指定字符开始检索位置和指定长度的字符,若没有找到该字符,则返回 -1。也可以判断数组中是否包含某个值。...console.log(str.indexOf("o")) //4 console.log(str.indexOf("Hello")) //0 console.log(str.indexOf("World...")) //-1 console.log(str.indexOf("world")) //6 需要注意的是,当匹配到一个字符串时,会返回字符串中第一个字符的索引,如上例匹配word时,返回的是6。...wo shi ooo" console.log(str.indexOf("o",8)) //14 有indexOf,也就有lastIndexOf,它和indecOf相反,是匹配字符串最后一次出现的索引

3.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    1.6K30

    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

    【第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的用法

    }, init); arr 表示原数组; prev 表示上一次调用回调时的返回值,或者提供的初始值 init; cur 表示当前正在处理的数组元素; index 表示当前正在处理的数组元素的索引,若提供...0,cur的值为数组第一项3,相加之后返回值为3作为下一轮回调的prev值,然后再继续与下一个数组项相加,以此类推,直至完成所有数组项的和并返回。...数组去重 var arr = [3,9,4,3,6,0,9]; var newArr = arr.reduce(function (prev, cur) { prev.indexOf(cur)...,如果找不到(空数组中肯定找不到),就将该项添加到初始化数组中 ③ 将需要去重处理的数组中的第2项在初始化数组中查找,如果找不到,就将该项继续添加到初始化数组中 ④ …… ⑤ 将需要去重处理的数组中的第...其它reduceRight()方法 该方法用法与reduce()其实是相同的,只是遍历的顺序相反,它是从数组的最后一项开始,向前遍历到第一项。 5.

    5.7K40

    js Map用法

    作为 ECMAScript 6 的新增特性,Map 是一种新的集合类型,为这门语言带来了真正的键/值存储机制。Map 的大多数特性都可以通过 Object 类型实现,但二者之间还是存在一些细微的差异。...不过,对于在乎内存和性能的开发者来说,对象和映射之间确实存在显著的差别。...内存占用 Object 和 Map 的工程级实现在不同浏览器间存在明显差异,但存储单个键/值对所占用的内存数量都会随键的数量线性增加。批量添加或删除键/值对则取决于各浏览器对该类型内存分配的工程实现。...不同浏览器的情况不同,但给定固定大小的内存,Map 大约可以比 Object 多存储 50%的键/值对。...在把 Object 当成数组使用的情况下(比如使用连续整数作为属性),浏览器引擎可以进行优化,在内存中使用更高效的布局。这对 Map 来说是不可能的。

    8.1K30

    js WeakMap用法

    ECMAScript 6 新增的“弱映射”(WeakMap)是一种新的集合类型,为这门语言带来了增强的键/值对存储机制。WeakMap 是 Map 的“兄弟”类型,其 API 也是 Map 的子集。...WeakMap 中的“weak”(弱),描述的是 JavaScript 垃圾回收程序对待“弱映射”中键的方式。 基本API 1....“弱弱地拿着”的。...意思就是,这些键不属于正式的引用,不会阻止垃圾回收。但要注意的是,弱映射中值的引用可不是“弱弱地拿着”的。...WeakMap 实例之所以限制只能用对象作为键,是为了保证只有通过键对象的引用才能取得值。如果允许原始值,那就没办法区分初始化时使用的字符串字面量和初始化之后使用的一个相等的字符串了。

    2.8K21

    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()是用来做什么的呢?...-- aim csdn博客 - find()用法 author clearlove date 18-08-06 --> js" type="text/javascript" charset="utf-8"> js/jquery-1.11.2.

    11.7K30
    领券