web前端学习(四)JavaScript学习笔记部分(2)-- JavaScript语法详解

2.1、Javascript语法-运算符(1)

  复数运算符  

    %取余

    ++

    --

  赋值运算符

    +=

    -=

    *=

    /=

    %=

  字符串操作

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> </head>
<body>
<script>
var i = 5;
var j = "5";
var m = i + j;
document.write(m);
/*这里的m是55,因为任何类型与字符串相加结果都会是字符串*/
</script>
</body>
</html>

  比较运算符

    ==、===、!=、!==、>、<、<=、>=

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = "10";
var j = "10";
var k = 10;
var l = 10; document.write(i==k);//true
document.write(i===k);//false
document.write(i===j);//true // 双等号只要值相等就可以,而三等号需要类型也相同。 </script>
</body>
</html>

  逻辑运算符

    &&、||、!(非)(非的三等号和双等号的区别是相同的)

  条件运算符

    三目运算符:  x<10?

    

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = 9;
document.write(i>10?"i大于10":"i小于10"); i>10?document.write("111"):document.write("222"); i<10?document.write("111"):document.write("222")
/*条件语句还可以这样用呢,666*/
/*条件语句写不写分号都可以,舒服啊*/
</script>
</body>
</html>

2.2、Javascript语法-运算符(2)

  在上面完写了。。。

2.3、Javascript语法-条件语句if...else

  已经跟1+1差不多的就不记录了

2.4、Javascript语法-条件语句switch

  

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = 2;
switch(i){
case 1:
document.write("i=1");
break;/*跳出当前循环,不加就会继续执行下面语句*/
case 2:
document.write("i=2");
break;
case 3:
document.write("i=3");
break;
default:
document.write("都不满足条件");
break;
}
</script>
</body>
</html>

2.5、Javascript语法-循环语句for循环

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var i = [1,2,3,4,5,6];
for(var j = 0; j < 6; j++){
document.write(i[j]);
/*二者都是打印数组i中的所有元素*/
}
for(var j in i){
/*需要j是i中的一个元素才能进行遍历。*/
document.write(i[j]);
}
</script>
</body>
</html>

2.6、Javascript语法-循环语句while循环

  注意有do{}while就是先执行一次循环体内的语句。while直接作判断。

2.7、Javascript语法-跳转语句

  break和continue

  一种更好的描述continue的方法:结束本次循环进入下一次循环

上一篇:再见,汉堡菜单,我们有了新的 Android 交互设计方案


下一篇:Java秒杀系统实战系列~构建SpringBoot多模块项目