JavaScript案例分析:indexOf 方法、test 方法、exec 方法

【hi,欢迎来Kuro Shek的blog! 文中的标注及功能实现的思路,均是自己整理的,难免出现纰漏。在此恳请各路大神斧正,感谢!】
indexOf ( )方法 查找字符串(该方法对大小写敏感,空格也算一个字符)

示例1:

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world")) + "<br />")
document.write(str.indexOf("lo") + "<br />")

</script>

第一条代码输出: 0 //大写H出现在第一位,故记为“0”(下标)
第二条代码输出: -1 //由于该方法对大小写敏感,原字符串中没有以大写开头的World,故记为“-1”(不存在)
第三条代码输出: 6 //空格也算作一位数,所以从下标0开始,出现小写world的是字符串的第6位
第四条代码输出: 3 //lo首次出现在下边3的位置,故输出l的下标位置

---

示例2,img标签绑定点击事件,通过index()方法进行图片的变换(图片文件名的变换):

var img = document.getElementsByTagName('img')[0];
img.onclick = function(){
//if...else判断
if (this.src.indexOf('c11')>=0) {
//indexOf('c11')>=0,即判断关键字c11是否存在
//大于"0",即代表存在
this.src = 'img/c12-s.png';
} else{
this.src = 'img/c11-s.png';
}
};
test ( ) 方法 验证字符串中是否有某一个字符 (该方法对大小写敏感,返回值是布尔值)
示例:
	<script type="text/javascript">
		var str = 'sdfjient8ieef23';
		var reg = /8/;
		
		//判断字符串是否存在的test()方法,存在返回true,不存在返回false
		alert(reg.test(str));//alert弹窗返回值:true
	</script>

判断字符串中是否有数字“8”,有即返回(弹窗)布尔值true;
exec( ) 方法 (寻找符合条件的字符串并返回,匹配失败返回null;该方法对大小写敏感)

示例:

var btn = document.getElementById('btn');
		btn.onclick = function(){
			var ipt = document.getElementById('ipt').value;
			var reg = /\d\d\d/; //三个连续的数字,与[0-9]等价,此处也可写为:/[0-9][0-9][0-9]/
			console.log(reg.exec(ipt));
		}





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值