JavaScript基础5_字符串-CSDN博客

本文链接：https://blog.csdn.net/weixin_46174745/article/details/118393256

javaScript的字符串就是用’'或""括起来的字符表示。

如果’本身也是一个字符，那就可以用""括起来，比如"I’m OK"包含的字符是I，’，m，空格，O，K这6个字符。

如果字符串内部既包含’又包含"怎么办？可以用转义字符\来标识，比如：

'I\'m \"OK\"!';

表示的字符串内容是：I’m “OK”!

转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\表示的字符就是\。

多行字符串

由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 * … * 表示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<script type="text/javascript">
			str = 
			`这是一个
			多行
			字符串`;
			
			console.log(str);

		</script>
	</body>
</html>

运行后浏览器中点击F12:
在这里插入图片描述
注意：反引号在键盘的ESC下方，数字键1的左边：

练习：测试你的浏览器是否支持ES6标准，如果不支持，请把多行字符串用\n重新表示出来：

字符串连接：

要把多个字符串连接起来，可以用+号连接

<script type="text/javascript">
			str = 
			`这是一个
			多行
			字符串`;
			
			// console.log(str);
			
			var name = '静静';
			var age = 8;
			var message = '你好, ' + name + ', 你今年' + age + '岁了!';
			alert(message);

		</script>

运行结果：
在这里插入图片描述

模板字符串

如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：

			var name1 = '小静';
			var age1 = 20;
			var message = `你好, ${name1}, 你今年${age1}岁了!`;
			alert(message);

在这里插入图片描述

操作字符串

字符串常见的操作如下：

var s = 'Hello, world!';
			s.length; // 13
			// 要获取字符串某个指定位置的字符，使用类似Array的下标操作，索引号从0开始：
			s[0]; // 'H'
			s[6]; // ' '
			s[7]; // 'w'
			s[12]; // '!'
			s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined
			// 需要特别注意的是，字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：
			s[0] = 'X';
			alert(s); // s仍然为'Test'

JavaScript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串：

var str= "hello JavaScript java";
str.toUpperCase()  //把一个字符串全部变为大写：
str.toLowerCase() 
str.indexOf("JavaScript")  会搜索指定字符串出现的位置：没有找到指定的子串，返回-1
str.substring(0,1)  返回指定索引区间的子串：