关于JavaScript里的字符串的那些事儿

1.概述

和java相同,所有用一队单引号或者双引号括起来的字面值都是字符串对象

字符串对象用于存储和处理文本内容

字符串中的每个字符都可以通过索引进行访问,方式类似于数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "hello";
			var s2 = "bye";
			
			alert(s1);
			
			alert(s2);
			
			alert(s1[2]);
		</script>
	</head>
	<body>
	</body>
</html>

2.转义字符

反斜杠用于执行转义动作,将特殊字符转换成特定的字符串内容

常见的转义字符:

1.\t

2.\n

3.\\

4.\"

5.\'

3.字符串对象

一般情况下,js的字符串是原始值(字面值)

可以直接由var变量名="字符串"定义

但是,我们也可以使用new关键字来将字符串定义成一个对象:

var 变量名 = new String("字符串")

不建议使用创建对象的方式创建String

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "qwer";
			
			var s2 = new String("qwer");
			
			alert(s1);
			
			alert(s2);
			
			alert(typeof s1);//String
			
			alert(typeof s2);//object
			
			alert(s1 == s2);//true
			
			alert(s1 == s2);//false
		</script>
	</head>
	<body>
	</body>
</html>

4.字符串属性

1.constructor:返回创建字符串的函数

2.length:返回字符串的长度

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "qwer";
			
			var s2 =new String ("qwer");
			
			alert(s1.constructor);
			
			alert(s2.constructor);
			
			alert(s1.length);
			
			alert("6666".length);
			
			
		</script>
	</head>
	<body>
	</body>
</html>

5.字符串方法

1.charAt():返回指定索引位置上的字符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "Today is day1 good good study";
			
			alert(s1.charAt(3));
		</script>
	</head>
	<body>
	</body>
</html>

2.concat():拼接字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "Today is day1 good good study";
			
			alert(s1.charAt(3));
			
			var s2 = "hello";
			
			var  s3 = s1.concat(s2);
			alert(s3);
		</script>
	</head>
	<body>
	</body>
</html>

3.indexOf():返回字符串中指定字符串第一次出现的位置

4.lastIndexOf:返回字符串中指定字符串最后一次出现的位置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "Today is day1 good good study";
			
			alert(s1.charAt(3));
			
			var s2 = "hello";
			
			var  s3 = s1.concat(s2);
			alert(s3);
			
			
			
			alert("---------------");
			
			alert(s1.indexOf("T"));
			
			alert(s1.indexOf("t"));
			
			alert(s1.lastIndexOf("t"));
			
			alert(s1.lastIndexOf("i"));
		</script>
	</head>
	<body>
	</body>
</html>

5.substring():返回字符串中两个指定索引之间的字符

6.substr():返回字符串中从指定索引开始获取指定数目的字符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s1 = "Today is day1 good good study";
			
			alert(s1.charAt(3));
			
			var s2 = "hello";
			
			var  s3 = s1.concat(s2);
			alert(s3);
			
			
			
//			alert("---------------");
//			
//			alert(s1.indexOf("T"));
//			
//			alert(s1.indexOf("t"));
//			
//			alert(s1.lastIndexOf("t"));
//			
//			alert(s1.lastIndexOf("i"));
            
            alert(s1.substring(6,8));
            
            alert(s1.substr(6,8));
		</script>
	</head>
	<body>
	</body>
</html>

7.toUpperCase():转换成大写

8.toLowerCase():转换成小写

9.trim():去除两端的空白内容

猜你喜欢

转载自blog.csdn.net/tony_yang6/article/details/106612230
今日推荐