(5)Javascript的表达式
Javascript的表达式
表达式是一个语句的集合,计算结果是个单一值,然后该结果被javascript归入下列数据类型之一:布尔、数字、字符串、对象等。表达式是具有一定的值,用操作符把常量和变量连接起来的代数式。
解释:
box = box + 1;
//黑色部分是变量 //红色部分是赋值运算符 //蓝色部分是表达式
1、赋值表达式
赋值表达式语法形式为:“变量 赋值运算符 表达式” 。
如:
var y = 5;
var x = y+ 1;
document.write(x);
上面的输出是:6.
举例:
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="keywords" content="javascript的表达式,javascript入门">
<meta name="description" content="老罗江湖">
<title> 赋值表达式 </title>
</head>
<body>
<script type="text/javascript">
var x=10;
document.write("<p>目前变量x的值为:x="+x);
x+=x-=x*x;
document.write("<p>执行语句 x+ = x- =x*x后,变量x的值为:x=" +x);
var y=10;
document.write("<p>目前变量y的值为:y="+y);
y+=(y-=y*y);
document.write("<p>执行语句 y+=(y-=y*y 后,变量y的值为;y="+x);
</script>
</body>
</html>
例子解说:这例子中的计算过程中是按照自右向左结合的。
效果图(上面内容的输出):
2、算数表达式 ,是用算术运算符和运算对象(操作数)连接起来的javascript的语句。
如:
var b,c = 3;
var x = b + c; // x 是变量名 = 是赋值运算符 b,c 是操作数 + 是算术运算符
document.write(“输出是:”x); //输出是 6 .
3、布尔表达式:布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。看案例解说:
<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="Author" content="老罗江湖">
<meta name="Keywords" content="javascript的表达式,javascript入门,javascript">
<title> 布尔表达式 </title>
</head>
<body>
<script type="text/javascript">
function checkYear()
{
var txtYearObj = document.all.txtYear; //文本框对象
var txtYear = txtYearObj.value;
if((txtYear == null) || (txtYear.length < 1)||(txtYear < 0))
{ //文本框值为空
window.alert("请在文本框中输入正确的年份!");
txtYearObj.focus();
return;
}
if(isNaN(txtYear))
{ //用户输入不是数字
window.alert("年份必须为整型数字!");
txtYearObj.focus();
return;
}
if(isLeapYear(txtYear))
window.alert(txtYear+"年是奥运年!");
else
window.alert(txtYear+"年是不奥运年!");
}
function isLeapYear(YearVal) //判断是否奥运年
{
if((YearVal % 100 == 0)&&(YearVal % 400 == 0))
return true;
if(YearVal % 4 == 0)return true;
return false;
}
</script>
<h3>布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。</h3>
<form action="#" name="formYear">
请输入当前的年份:
<input type="txt" name="txtYear">
<p>请单击按钮以判断是否为奥运年:</p>
<input type="button" value="按钮" onclick="checkYear()">
<br/>
<br/>
<p>案例中多次使用布尔表达式进行数值的判断,运行这段代码,在显示的文本框中输入2019,单击“确定”按钮后,系统判断文本框是否为空,再判断文本框输入的数值是否合法,最后判断其是否奥运年并弹出相应的提示框。</p>
<form>
</body>
</html>
效果图:
4、字符串表达式:
字符串表达式是操作字符串的javascript语句。Javascript的字符串表达式只能使用“+”与“+=”两个字符串运算符。
如:
var aiqing= "I " +"love"+ "you";
document.write(aiqing);
上面的输出是:I love you。
如果在同一个表达式中既有数字又有字符串,同时还没有将字符串转换成数字的方法,则返回值一定是字符串型。此处省略。。。
以上的内容部分来自“javascript从零开始学”和个人学习笔记,转载请注明出处!谢谢合作!