详解JavaScript运算符(二)：字符串运算符

最新推荐文章于 2022-06-05 20:36:57 发布

等日出看彩虹

最新推荐文章于 2022-06-05 20:36:57 发布

阅读量3.1k

点赞数 1

分类专栏： HTML JavaScript 文章标签： HTML JavaScript

本文链接：https://blog.csdn.net/m0_54158068/article/details/124462428

版权

HTML 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

JavaScript

8 篇文章 0 订阅

订阅专栏

1.说明：

字符串运算符也即 “+”运算符，这个运算符对于数值型数据而言是“加”的含义，而对于字符串数据类型而言则用于将 “ 文本值或字符串变量 ”连接起来。

例如：str1="13"，str2="14"，则 "str3=str1 + str2" 运算结果为 1314 。

简单的说：字符串运算符为 + ，用于连接字符串变量，而不是求和。

2.实例

（1）连接两字符串。

例如： str1="Have a"，str2=" good time！"，求 str3=str1 + str2 。

<!DOCTYPE html>
<html>
<head> 
<title>字符串连接实例</title> 
<script language="javascript">
function myFunction(){ //定义函数
	var str1="Have a ";//字符串变量1
	var str2="good time.";//字符串变量2
	var str3=str1+str2;//字符串变量3
	document.getElementById("demo").innerHTML=str3;//输出str3
}
</script>
</head>
<body>
<button onclick="myFunction()">鼠标点击我查看结果</button>
<p id="demo"></p>
</body>
</html>

（2）字符串和数字进行加法运算。

求： x=5+5，y="5"+5，z="Hi"+5。

<!DOCTYPE html>
<html>
<head> 
<title>字符串连接实例</title> 
<script language="javascript">
function myFunction(){ //定义函数
	var x=5+5;//x，两整数5
	var y="5"+5;//y，字符串5 和 数值5
	var z="Hi"+5;//z，字符串 和 数值5
	//输出结果
	document.getElementById("demo").innerHTML="x=5+5值为：" + 
	x + "<br>" + "y=\"5\"+5值为：" + y + "<br>" + "\"Hi\"+5值为：" + z;
}
</script>
</head>
<body>
<button onclick="myFunction()">鼠标点击我查看结果</button>
<p id="demo"></p>
</body>
</html>

（3）注意

一般情况下对字符串进行乘法运算是不和法的，例如：“a” * “b” 是错误的。

但是特殊情况下，对数值型的字符串值乘法是可以的，例如：“2” * “3” 是合法的，JavaScript 会将字符串转换成数字进行计算，返回数字6,。如下所示。

<!DOCTYPE html>
<html>
<head> 
<title>字符串连接实例</title> 
<script language="javascript">
function myFunction(){ //定义函数
	var x="2";//字符串
	var y="3";//字符串
	var z=x*y;//求乘积
	//输出结果
	document.getElementById("demo").innerHTML="\"2\"  *  \"3\" 的值为：" + z;
}
</script>
</head>
<body>
<button onclick="myFunction()">鼠标点击我查看结果</button>
<p id="demo"></p>
</body>
</html>