关于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():去除两端的空白内容

 

 

 

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值