1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 详解JavaScript运算符(二):字符串运算符

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

时间:2020-12-01 10:44:18

相关推荐

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

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 ";//字符串变量1var str2="good time.";//字符串变量2var str3=str1+str2;//字符串变量3document.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,两整数5var y="5"+5;//y,字符串5 和 数值5var 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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。