回上頁 - 網頁JavaScript語法

003、運算元(資料)與運算子

1、運算元(運算資料)有哪些？

字串資料要用雙引號 " 或單引號 ' 括起來

取值方式是用索引號0開始，如上例的 "dog" 是 animals[0]

例如：判斷 (a > 2)，如果 a=5 會回傳 true，反之，如果 a=1 會回傳 false

<script>
    let date = new Date();
    document.write(date.getFullYear());
    /*會輸出：2024*/
</script>


<script>
$(document).ready(function(){
    document.write(typeof 123+"
");                  //number
    document.write(typeof "123"+"
");                //string
    document.write(typeof ""+"
");                   //string
    document.write(typeof undefined+"
");            //undefined
    document.write(typeof null+"
");                 //object
    document.write(typeof true+"
");                 //boolean
    document.write(typeof (undefined == null)+"
");  //boolean
    document.write(typeof function x(){}+"
");       //function
});
</script>

 

2、算數運算子

+加法，字串也可以用來連結
-減法
*乘法
/除法
%除法取餘數
++加一，等於 x = x+1
--減一，等於 x = x-1
<script>
$(document).ready(function(){

    document.write(10+5+"
");    //15
    document.write(10-5+"
");    //5
    document.write(10*5+"
");    //50
    document.write(10/5+"
");    //2
    let a = 10;
    let b = 10;
    a++;                        //a=a+1
    document.write(a+"
");       //11
    b--;                        //b=b+1
    document.write(b+"
");       //9
    document.write("abc"+"你好啊！");   //abc你好啊！
});
</script>

 

3、比較運算子：回傳都是 true 或 false

>大於
<小於
>=大於等於
<=小於等於
==值相等
===值相等，型別也相等
!=不等於
!==不等於或型別也不相等
<script>
$(document).ready(function(){

    document.write(5>3);    //true
    document.write(5>6);    //false
});
</script>

 

4、邏輯運算子：

&&而且，例如：(x>=60 && x<=100)，代表要判斷成績是否及格， x值在 60~100之間
||或者，例如：(x<0 || x>100)，代表輸入數字是在 0~100之間，其他是亂輸入的值
!反相，例如：如果 x 得值是true，設定 !x 會變成輸出 false

5、三元運算子：

&&而且，例如：(x>=60 && x<=100)，代表要判斷成績是否及格， x值在 60~100之間
<script>
$(document).ready(function(){

    let x = 95;
    document.write( (x >= 60)? "及格了！": "不及格！" );
    //結果：及格了！
});
</script>
shape
shape