1. 程式人生 > >web前端學習(四)JavaScript學習筆記部分(2)-- JavaScript語法詳解

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

 

 

2.4、Javascript語法-條件語句switch

 

 

2.5、Javascript語法-迴圈語句for迴圈

 

 

2.6、Javascript語法-迴圈語句while迴圈