JS基础--字符串常用的内置功能


一、字符串常用的内置功能有哪些?

sub()

把字符串显示为下标。

<body>
		<div class="box"></div>
	<script type="text/javascript">
		var box=document.querySelector(".box") //获取页面元素
		var str="hello"
		re=str.sub()	
		box.innerHTML="abc"+re    //给页面元素添加内容
	</script>
	</body>

在这里插入图片描述

sup()

把字符串显示为上标。

<body>
		<div class="box"></div>
	<script type="text/javascript">
		var box=document.querySelector(".box") //获取页面元素
		var str="hello"
		re=str.sup()	
		box.innerHTML="abc"+re    //给页面元素添加内容
	</script>
	</body>

在这里插入图片描述

toUpperCase()

把字符串中的小写字母转换为大写。

toLowerCase()

把字符串中的大写字母转换为小写

案例

var str="LJYliujiayang"
var toUpperCase=str.toUpperCase()
console.log(toUpperCase)
var Lowercase=str.toLocaleLowerCase()
console.log(Lowercase)
//字符串也可以访问下标,也有length属性			
var re=str[1]
var re2=str.length
console.log(re,re2)

在这里插入图片描述
将字符串中的首字母转换成大写的方法

String.prototype.capUppserCase=function() {
				var re=this[0].toUpperCase()				
				for(var i=1;i<this.length;i++){
					re+=this[i]
				}
				return re
			}
			var str="ljyLJYliu"
			var re=str.capUppserCase()
			console.log(re)

在这里插入图片描述
分析:利用原型的思想在字符串的原型对象中封装一个自己的方法
后面的字符串都可以使用这个方法,利用字符串取下标取出首字母,用字符串的内置功能toUpperCase()将其转换成大写再通过for循环出其余字母,然后拼接成新字符串,通过闭包思想返回出这个字符串。

将字符串中的中文前两个中文字符加粗

<div class="box">
</div> 
String.prototype.capUppserCase=function() {
				var re=this[0].bold()
				var re2=this[1].bold()
				re+=re2	
				for(var i=2;i<this.length;i++){
					re+=this[i]
				}
				return re
			}
			var str="重庆三峡学院2022年5月全国计算机等级考试报名通知 一、报考5月全国计算机等级考试的考生严格按照《重庆市2022年5月全国计算机等级考试报名公告》(附件1)的要求报...学术信息 | ACADEM"
			var re=str.capUppserCase()
			console.log(re)
			var box=document.querySelector(".box")
			box.innerHTML=re

在这里插入图片描述

分析:利用上面转换首字母大写思想实现加粗,也可以实现更多首字符相关的操作。

substr()

可在字符串中抽取从start下标开始的指定数目的字符。其返回值为一个字符串,包含从 stringObject的start(包括start所指的字符)处开始的length个字符。如果没有指定 length,那么返回的字符串包含从start到stringObject的结尾的字符。另外如果start为负数,则表示从字符串尾部开始算起。
如果参数为空就返回当前字符串

var str="hello"
var re=str.substr(2,2) 
console.log(re,str)

在这里插入图片描述

substring()

它可以接收两个参数,分别是要截取的开始位置和结束位置,它将返回一个新的字符串,其内容是从start(包括start所指的字符)处到end-1处的所有字符。若结束参数(end)省略,则表示从start位置一直截取到最后。如果参数为空就返回当前字符串。注意:如果参数是负数则默认是第一个字符。

var str="hello"
var re=str.substring(3,5) 
console.log(re,str)

在这里插入图片描述

slice()

start : 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
end: 紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。
返回值: 一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

var str="hello"
re=str.slice(2,-1)
console.log(re,str)

在这里插入图片描述

split()

split() 方法用于把一个字符串分割成字符串数组。
在这里插入图片描述
返回值:
一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。

var str="ljy-LIU-LJY"
var arr=str.split("-")
console.log(arr)

在这里插入图片描述

indexOf()

返回某个指定的字符串值在字符串中首次出现的位置。

参数描述
searchvalue必需。规定需检索的字符串值。
fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。如果没找到,它的返回值为-1 。
注意:如果要检索的字符串值没有出现,则该方法返回 -1。

var str="abcdaefa"
var re=str.indexOf("a",2)
console.log(re)

在这里插入图片描述

valueOf()

返回 String 对象的原始值。

var str="hello"
var re=str.valueOf()
console.log(re,typeof re)

在这里插入图片描述

charAt()

返回指定位置的字符
它有一个参数index 必需填的。表示字符串中某个位置的数字,即字符在字符串中的下标。
注意:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

var str="hello"
re=str.charAt(1)
console.log(re,str)

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

H5_ljy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值