JavaScript 表达式
一、赋值表达式
赋值表达式语法如下: 变量 赋值运算符 表达式
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var n=5;
n+=5;
document.write(n);
</script>
</head>
<body>
</body>
</html>
浏览器显示结果为:
二、算术表达式
- 算术表达式是指用算术运算符连接的JavaScript语句。
- 算术运算符的两边必须都是数值。
- 若在”+”运算中存在字符或字符串,则该表达式将是字符串表达式。因为JavaScript会自动将数值型数据转换为字符串型数据。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var a=8023;
var str="圣罗兰"+a;
document.write(str);
</script>
</head>
<body>
</body>
</html>
@浏览器结果显示为:
- 字符串型数据和数值型数据相加时,JavaScript会自动将数值型数据转化为字符型串数据。
三、布尔值表达式
布尔表达式一般用来判断某个条件或表达式是否成立,其结果只能为true或false。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var a=1000;
var b=800;
if (a>b)
{document.write("ysl")}
else
{document.write("lsy")}
</script>
</head>
<body>
</body>
</html>
浏览器结果为:
四、字符串表达式
字符串表达式指的是操作字符串的语句。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var a="圣罗兰";
var b="ysl";
document.write(a+b)
</script>
</head>
<body>
</body>
</html>
浏览器结果为:
JavaScript 类型转换
一、类型转换
类型转换就是将一种数据类型转换为另一种数据类型。
隐式类型转换指的是JavaScript自动进行的类型转换,显式类型转换指的是手动用代码强制进行的类型转换。虽然在运算时JavaScript会自动进行类型转换,但是为了避免不转换或自动转换造成的不良后果,有时需要进行显式的类型转换。
1、字符串型转换为数值型
将字符串型数据转换成数值型数据有两种方法,parseInt( )和parseFloat( )两种方法。
语法:
parseInt( ) 将字符串型转换为整型数据
parseFloat( ) 将字符串型转换为浮点型数据
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var a=parseInt("5.21")+10;
var b=parseFloat("5.21")+10;
document.write(a+"<br/>");
document.write(b);
</script>
</head>
<body>
</body>
</html>
浏览器结果显示为:
2、数值型转换为字符串型
将数值型数据(整型或浮点型)转换为字符串型数据,使用toString( )方法。
语法: .toString( )
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var n=5.21
var str=n.toString()+521;
var num=n+521;
document.write(str+"<br/>");
document.write(num);
</script>
</head>
<body>
</body>
</html>
浏览器显示如下: