案例:

indexOf是可以传两个参数的,我们从查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数

和['red', 'blue', 'red', 'green', 'pink','red'], 求 red 出现的位置和次数分别来看

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script>// 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数// 核心算法:先查找第一个o出现的位置// 然后 只要indexOf 返回的结果不是 -1 就继续往后查找// 因为indexOf 只能查找到第一个,所以后面的查找,一定是当前索引加1,从而继续查找var str = "oabcoefoxyozzopp";var index = str.indexOf('o');var num = 0;// console.log(index);while (index !== -1) {console.log(index);num++;index = str.indexOf('o', index + 1);}console.log('o出现的次数是: ' + num);// 课后作业 ['red', 'blue', 'red', 'green', 'pink','red'], 求 red 出现的位置和次数let arr=['red', 'blue', 'red', 'green', 'pink','red'];let res=0;let index2=arr.indexOf('red');while(index2!=-1){res++;console.log(index2);index2=arr.indexOf('red',index2+1);}console.log('red出现的次数是: '+ res);</script>
</head><body></body></html>

总结

indexOf和lastIndexOf都是可以传两个参数的,假如第二个参数是index,两者不同的是indexOf是从index开始向后搜索lastIndexOf是从index开始向前搜索至字符串开头。

同样很多方法都有第二个参数,要学会用

JavaScript从题学习——你真的了解indexOf吗?相关推荐

  1. 7 种 Javascript 常用设计模式学习笔记

    7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制,并不是 23 种设计模式都常用. 有的是没有使用场景,有的模式使用场景非常少,所以只是列举 7 个常见的模式 本文的 ...

  2. JavaScript高级程序设计学习笔记(三)

    分享一下第五章(引用类型)的笔记,内容比较多,我拆成了两部分,今天这部分是关于Object.Array.Date和RegExp类型的. 以下的笔记是书上一些我以前学习的时候,没有太重视的js基础知识, ...

  3. javascript编程题_如何开始使用JavaScript进行竞争性编程

    javascript编程题 by Priyabrata Biswas 通过Priyabrata Biswas 如何开始使用JavaScript进行竞争性编程 (How to get started w ...

  4. [乐意黎转载]一个治愈 JavaScript 疲劳的学习计划

    像其他人一样,我最近偶然看到 Jose Aguinaga 的文章<在 2016 年学 JavaScript 是一种什么样的体验>". 译者注:中文翻译在此. 很显然,这篇文章触到 ...

  5. javascript编程题_JavaScript仍然是编程语言的王者

    javascript编程题 This article was originally published on Developer Economics. Thank you for supporting ...

  6. JavaScript之入门学习风云(4)

    JavaScript之入门学习风云(4) 一.数组方法 1.1join() 1.2 push()和pop() 1.3 unshift()和shift() 1.4 sort() 1.5 reverse( ...

  7. html语言的就业,HTML5为什么那么火 学习HTML5真的能高薪就业吗

    随着Web时代的到来,HTML5的作用愈发凸显,更有人声称"HTML5是最佳的Web前端开发语言,没有之一".HTML5为什么会这么火,学习HTML5真的能高薪就业吗?今天小编就来 ...

  8. Javascript 基础知识学习

    Javascript 基础知识学习 参考自:https://www.w3cschool.cn/javascript/ javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门 ...

  9. JavaScript的基础学习(一)

    文章目录 JavaScript 的基础学习(一) 1 JavaScript 概述 1.1 JavaScript 的历史 1.2 ECMAScript 1.3 JavaScript的引入方式 2 Jav ...

最新文章

  1. linux安全问答(1)
  2. 【图论专题】欧拉路径和欧拉回路
  3. Activemq的连接方式
  4. UML类图关系大全 and 报表的基本用法
  5. 驳斥《沙盒用于数据防泄密是重大技术原理性失误》
  6. Linux基础-6性能监控
  7. 再来 10 个新鲜的 HTML5 教程
  8. Windows Mobile 开发工具和资源
  9. Python字典的作用与基本操作
  10. LINUX下文件字符集编码查看与转换并文件名编码转换
  11. python 廖雪峰数据分析统计服_廖雪峰python教程阅读量统计
  12. ejs获取js变量值_EJS变量(注入值)
  13. Excel自动换行、Export2Excel 自动换行
  14. AjaxControltoolkit学习笔记—Animation使用详解
  15. 异动处理中的发票类型应用(Complaint Processing)
  16. 如何修改注册表的计算机名称,如何修改注册表【图文】
  17. 沃特玛采集均衡模块_采集均衡模块以及电池管理系统_2016212573884_说明书_专利查询_专利网_钻瓜专利网...
  18. python获取中文字体点阵坐标_中文点阵字库的python自动生成程序
  19. Shell之判断周几
  20. java 处理物料清单_物料清单------(整理)

热门文章

  1. 上古世纪服务器维护真情礼,4月9日例行维护怀旧服合服公告
  2. 单体预聚合的目的是什么_聚合物答案
  3. 整理了100个Python小技巧(超级实用)
  4. java婚纱影楼管理系统论文_毕业设计(论文)-基于LiveBOS的婚纱影楼管理系统--180643491.doc...
  5. 文艺复兴怪杰——朱塞佩·阿尔钦博托的异想世界
  6. c语言winpcap类库
  7. Linux一句话精彩问答--2004/03/16更新(zt)
  8. HR SaaS系统必须具备的几大功能!
  9. 人情事故还是人情世故?
  10. MySQL存储过程专题