HTML——JS—String类型

  1. String类型


    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<script>
    			// 1.声明字符串的格式
    			var s = "abc";
    			console.log(s);
    			
    			s = new String("abc")
    			console.log(s)
    			
    			//new 可以省略
    			s = String("abc")
    			console.log(s)
    			
    			// 2.获取字符串的长度
    			var len = s.length
    			console.log(len)
    			
    			// 3.获取指定索引位置的字符
    			var ch = s[0]
    			console.log(ch)
    			// 或者 
    			ch = s.charAt(0)
    			console.log(ch)
    			
    			s = "how are you how old are you"
    			// 4.获取子串从指定位置开始第一次出现的位置
    			var index = s.indexOf("are") // 默认是从头开始找的
    			console.log(index)
    			
    			index = s.indexOf("are", 5) // 从指定位置开始
    			console.log(index)
    			
    			// 5. 获取子串到指定位置中最后一次出现的位置
    			index = s.lastIndexOf("are")
    			console.log(index)
    			index = s.lastIndexOf("are", 19) // 指定位置结束
    			console.log(index)
    			
    			// 找不到返回-1
    			index = s.indexOf("meet")
    			console.log(index)
    			
    			// 6. 拼接字符串
    			// 使用运算符 +号拼接  可以与任意类型的数据进行拼接 结果都是字符串类型
    			s = "abcdef"
    			var new_s = s + "-" + "hello"
    			console.log(new_s)
    			
    			new_s = new_s + 10
    			console.log(new_s)
    			console.log(typeof new_s)
    			
    			new_s = new_s + true
    			console.log(new_s)
    			console.log(typeof new_s)
    			
    			// 判断输出字符串的内容
    			s = "hello" + 5 * 5
    			console.log(s)
    			
    			s = 5 + 5 + "hello"
    			console.log(s)
    			
    			// 拼接方法2  可以一次性拼接多个 每个之间使用逗号隔开即可
    			new_s = "hello".concat(10,true,"nice")
    			console.log(new_s)
    			
    			// 7.提取子串
    			s = "goodgoodstudydaydayup"
    			len = s.length
    			console.log(len)
    			
    			/*
    			开始索引和结束索引
    				[开始,结束)
    			*/
    			// 什么都不传递 默认是从头到尾的
    			var substr = s.substring()
    			console.log(substr)
    			// 从指定起始位置到结束
    			substr = s.substring(4)
    			console.log(substr)
    			// 指定范围
    			substr = s.substring(1,4)
    			console.log(substr)
    			
    			/*
    			指定起始位置
    			指定长度
    			从指定位置开始提取指定长度的子串
    			*/
    			substr = s.substr(1,4)
    			console.log(substr)
    			
    			/*
    			类似于第一种
    				指定起始和结束的
    			*/
    			substr = s.slice(1, 4)
    			console.log(substr)
    			
    			//8.将字符串中的字母转化为大写字母
    			var upper_str = s.toUpperCase()
    			console.log(upper_str)
    			//9.将字符串中的字母转化为小写字母
    			var lower_str = upper_str.toLowerCase()
    			console.log(lower_str)
    			
    			
    			s = "good good study day day up"
    			// 10. 切割字符串
    			var sub_arr = s.split(" ")
    			console.log(sub_arr)
    			// ["good", "good", "study", "day", "day", "up"] 数组中的
    			// 指定切割后获取的前n个子串
    			var sub_arr = s.split(" ", 1)
    			console.log(sub_arr)
    			
    			// 切割符可以直接用正则表达式
    			//     /正则表达式/
    			s = "i13love14you520hahaha"
    			sub_arr = s.split(/\d+/)
    			console.log(sub_arr)
    			
    			// 11. 替换字符串 --- 只能替换查找到的第一个
    			var replace_s = s.replace("o", "OO")
    			console.log(replace_s)
    			
    		</script>
    	</body>
    </html>
    

     

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值