string对象-CSDN博客

本文链接：https://blog.csdn.net/m0_61573418/article/details/120519495

1.big()：文字放大；

small()：文字缩小

italics()：文字倾斜

strike()：文字删除线

toLowerCase()：文字转换为小写

toUpperCase()：文字转换为大写

<script>
            document.write(str+'<br />');
			// big() 文字放大 
			document.write(str.big()+'<br />');
			// small() 文字缩小
			document.write(str.small()+'<br />');
			// italics() 文字倾斜
			document.write(str.italics()+'<br />');
			// strike() 文字删除线
			document.write(str.strike()+'<br />');
			// toLowerCase() * 文字转换为小写
			document.write(str.toLowerCase()+'<br />');
			// toUpperCase() * 文字转换为大写
			document.write(str.toUpperCase()+'<br />');
</script>

2.sub：下标

sup：上标

<script>
            var num = '2';
			var str1 = 'H';
			// sub 下标
			document.write(str1+num.sub());
			// sup 上标
			document.write(str1+num.sup());
</script>

3.fontsize()和fontcolor()

fontsize和fontcolor括号中的属性值需要加引号，并且可以采用链式写法

<script>
// fontsize和fontcolor括号中的属性值需要加引号，并且可以采用链式写法
			document.write(str1.fontcolor('#cc5c9c').fontsize('20px'));
			document.write(str1.link('http://www.baidu.com'));
</script>

4.字符串的遍历

<script>
  var str2 = 'aB2cD5ef64';
  for(i=0;i<str2.length;i++){
      console.log(str2[i]);
  }
  for (let var1 in str2) {
				console.log(str2[var1]);
			}
			document.write(str2[5]);
</script>

5.charAt():该方法通过下标获取指定字符串中的字符

charCodeAt():该方法用于获取指定下标处的字符的unicode码

fromCharCode()将Unicode码转化回来

<script>
// 小括号里写所要获取的字符在字符串中的下标
			// charAt():该方法通过下标获取指定字符串中的字符
			// 通过指定下标获取当前的值
			document.write(str2.charAt(4)+'<br />');
			// charCodeAt():该方法用于获取指定下标处的字符的unicode码
			// 通过指定的下标获取指定的值将其转化为Unicode码
			document.write(str2.charCodeAt(3)+'<br />');
			// document.write(str2.at(3));
			// fromCharCode()将Unicode码转化回来
			document.write(String.fromCharCode(99)+'<br />')
</script>

6.indexOf(value,[fromindex]:返回调用它的 String 对象中第一次出现的指定值的索引，从fromIndex 处进行搜索。如果未找到该值，则返回 -1。

lastIndexOf(value,[fromindex]:返回调用String 对象的指定值最后一次出现的索引，在一个字符串中的指定位置 fromIndex处从后向前搜索。如果没找到这个特定值则返回-1 。

slice()两个参数都是下标,可正可负,第二个参数选写,无法取到

subString()两个参数都是下标,必须为正数,第二个参数选写,无法取到

substr()第一个参数是取得下标,第二个参数取得时从下标开始的长度

<script type="text/javascript">
			var str3 = 'aB2cD5ef64G7m';
			// 返回第一次出现指定字符的下标
			document.write('第一次出现的位置是：'+str3.indexOf(2,0)+'<br />');
			// 返回最后一次出现指定字符串的下标
			document.write('第一次"出现"的位置是：'+str3.lastIndexOf(2,3));
			// slice()两个参数都是下标,可正可负,第二个参数选写,无法取到
			document.write('字符串slice方法：'+str3.slice(2,6)+'<br />');
			document.write('字符串slice方法：'+str3.slice(-11,-7)+'<br />');
			// subString()两个参数都是下标,必须为正数,第二个参数选写,无法取到
			document.write('字符串substring方法：'+str3.substring(1,5).big()+'<br />')
			// substr()第一个参数是取得下标,第二个参数取得时从下标开始的长度
			document.write('字符串substr方法：'+str3.substr(1,3).fontcolor('#ff797b')+'<br />');
			document.write('字符串substr方法：'+str3.charCodeAt(str3.substr(1,3)));
</script>

7.startsWith('子字符串'，开始下标)：查看字符串是否以指定的子字符串开头
   endsWith('子字符串',长度)：用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，
           根据判断结果返回 true 或 false。
           长度:尽可能将子字符串的最后一位在原字符串中出现位置且求出长度后,
           将该值写在endswith方法的第二个参数处,结果为true

<script type="text/javascript">
			var str4 = 'aB2cD5ef6';
			document.write('startsWith方法：'+str4.startsWith('D',4)+'<br />'); // 下标 true
			document.write('endsWith方法：'+str4.endsWith('D',5)+'<br />');// 长度 true
			document.write('endsWith方法：'+str4.endsWith('D',4)+'<br />');// 长度 false
</script>

8. trim()：删除字符串两侧的空格
           trimStart():删除开头的空格，别名trimLeft()
           trimEnd():删除结尾的空格，别名trimRight()
           concat():将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。
           includes():用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false。
           repeat():复制字符串指定次数，并将它们连接在一起返回。
           split():把字符串分割为字符串数组。

<script type="text/javascript">
			var str5 = ' a b c d ';
			var str8 = '  Hellow word  '
			document.write(str5.trim()+'<br />');
			document.write(str8 +'<br />');
			// document.write(str8.trimLeft()+'<br />');
			var str6 = 'abc';
			var str7 = 'def';
			// 拼接str6和str7
			document.write('concat方法：'+str6.concat(str7)+'<br />');
			// 判断一个字符串是否包含在另一个字符串中
			document.write('includes方法：'+str6.includes('b')+'<br />');
			document.write('includes方法：'+str6.includes('b',2)+'<br />');
			// 复制字符串指定次数
			document.write('repeat方法：'+str6.repeat(3)+'<br />');
			var str9 = 'aB2cD5ef6';
			var n = str9.split('');
			console.log(n);
			console.log(Array.isArray(n));
			var m = str9.split('',3);
			console.log(m);
			console.log(m instanceof Array);
</script>

9.如何删除字符串中的空格

eg:

<script type="text/javascript">
			// 如何删除下面字符串中的空格
			var a = ' ab  cd  ef  derf  '
			// 删除首尾的空格
			a.trim();
			var arr = a.trim();
			console.log(arr);
			arr.split(' ');
			var arr1 = arr.split(' ');
			console.log(arr1);
			arr1.join('');
			console.log(arr1.join(''));
</script>

10.如何求出在一个字符串中指定的字符的出现的次数

eg:

<script>
       var str = 'abdiek,d  juejwe';
			console.log(str.length);
			// 将str转换成数组
			var arr2 = str.split('');
			console.log(arr2);
			var sum = 0;
			for (i = 0; i < str.length; i++) {
				if (arr2[i].indexOf('e') != -1) {
					sum++
				}
			}
			console.log(sum);
</script>