JavaScript从题学习——你真的了解indexOf吗?
案例:
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吗?相关推荐
- 7 种 Javascript 常用设计模式学习笔记
7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制,并不是 23 种设计模式都常用. 有的是没有使用场景,有的模式使用场景非常少,所以只是列举 7 个常见的模式 本文的 ...
- JavaScript高级程序设计学习笔记(三)
分享一下第五章(引用类型)的笔记,内容比较多,我拆成了两部分,今天这部分是关于Object.Array.Date和RegExp类型的. 以下的笔记是书上一些我以前学习的时候,没有太重视的js基础知识, ...
- javascript编程题_如何开始使用JavaScript进行竞争性编程
javascript编程题 by Priyabrata Biswas 通过Priyabrata Biswas 如何开始使用JavaScript进行竞争性编程 (How to get started w ...
- [乐意黎转载]一个治愈 JavaScript 疲劳的学习计划
像其他人一样,我最近偶然看到 Jose Aguinaga 的文章<在 2016 年学 JavaScript 是一种什么样的体验>". 译者注:中文翻译在此. 很显然,这篇文章触到 ...
- javascript编程题_JavaScript仍然是编程语言的王者
javascript编程题 This article was originally published on Developer Economics. Thank you for supporting ...
- JavaScript之入门学习风云(4)
JavaScript之入门学习风云(4) 一.数组方法 1.1join() 1.2 push()和pop() 1.3 unshift()和shift() 1.4 sort() 1.5 reverse( ...
- html语言的就业,HTML5为什么那么火 学习HTML5真的能高薪就业吗
随着Web时代的到来,HTML5的作用愈发凸显,更有人声称"HTML5是最佳的Web前端开发语言,没有之一".HTML5为什么会这么火,学习HTML5真的能高薪就业吗?今天小编就来 ...
- Javascript 基础知识学习
Javascript 基础知识学习 参考自:https://www.w3cschool.cn/javascript/ javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门 ...
- JavaScript的基础学习(一)
文章目录 JavaScript 的基础学习(一) 1 JavaScript 概述 1.1 JavaScript 的历史 1.2 ECMAScript 1.3 JavaScript的引入方式 2 Jav ...
最新文章
- linux安全问答(1)
- 【图论专题】欧拉路径和欧拉回路
- Activemq的连接方式
- UML类图关系大全 and 报表的基本用法
- 驳斥《沙盒用于数据防泄密是重大技术原理性失误》
- Linux基础-6性能监控
- 再来 10 个新鲜的 HTML5 教程
- Windows Mobile 开发工具和资源
- Python字典的作用与基本操作
- LINUX下文件字符集编码查看与转换并文件名编码转换
- python 廖雪峰数据分析统计服_廖雪峰python教程阅读量统计
- ejs获取js变量值_EJS变量(注入值)
- Excel自动换行、Export2Excel 自动换行
- AjaxControltoolkit学习笔记—Animation使用详解
- 异动处理中的发票类型应用(Complaint Processing)
- 如何修改注册表的计算机名称,如何修改注册表【图文】
- 沃特玛采集均衡模块_采集均衡模块以及电池管理系统_2016212573884_说明书_专利查询_专利网_钻瓜专利网...
- python获取中文字体点阵坐标_中文点阵字库的python自动生成程序
- Shell之判断周几
- java 处理物料清单_物料清单------(整理)
热门文章
- 上古世纪服务器维护真情礼,4月9日例行维护怀旧服合服公告
- 单体预聚合的目的是什么_聚合物答案
- 整理了100个Python小技巧(超级实用)
- java婚纱影楼管理系统论文_毕业设计(论文)-基于LiveBOS的婚纱影楼管理系统--180643491.doc...
- 文艺复兴怪杰——朱塞佩·阿尔钦博托的异想世界
- c语言winpcap类库
- Linux一句话精彩问答--2004/03/16更新(zt)
- HR SaaS系统必须具备的几大功能!
- 人情事故还是人情世故?
- MySQL存储过程专题