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

JSindexOf用法 「建议收藏」

大家好,又见面了,我是你们朋友全栈君。 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相反,是匹配字符串最后一次出现索引

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

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

indexOfjs中有着重要作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,如果存在返回该元素或字符第一次出现位置索引,不存在返回-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.3K30

JSindexOf方法

大家好,又见面了,我是你们朋友全栈君。 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.1K40

【第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 匹配。

2K10

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.6K40

js Map用法

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

8K30

js WeakMap用法

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

2.7K21

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

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

14.8K20

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 --> <script src="<em>js</em>/jquery-1.11.2.

11.5K30
领券