DIV CSS 佈局教程網

2.7 JavaScript表達式
編輯:JavaScript基礎知識     

表達式是一個語句的集合,計算結果是個單一值。

在JavaScript中,常見的表達式有4種:

  • (1)賦值表達式;
  • (2)算術表達式;
  • (3)布爾表達式;
  • (4)字符串表達式;

一、賦值表達式

在JavaScript種,賦值表達式的語法格式一般如下:

變量 賦值運算符 表達式;

賦值表達式在計算過程中是按照自右而左結合的。其中有簡單的賦值表達式,如n=1;也有定義變量時,給變量賦初始值的賦值表達式,如var str=" 學習網";還有使用比較復雜的賦值運算符連接的賦值表達式,如n+=6。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n=4;
        n+=6;
        document.write(n);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

二、算術表達式

算術表達式就是用算術運算符連接的JavaScript語句。如a+b+c、20-12、m*n、m/n、sum%3等,都是合法的算術運算符的表達式。

算術運算符的兩邊必須都是數值,若在“+”運算中存在字符或字符串,則該表達式將是字符串表達式,這一點大家要記住喔。因為JavaScript會自動將數值型數據轉換成字符串型數據。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=123;
        var str=" 學習網"+a;
        document.write(str);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

" 學習網"是一個字符串型數據,a時數值型數據,如果兩個相加的話,JavaScript會自動將數值型數據轉換成字符串型數據,因此輸出結果就是“ 學習網123”。

三、布爾表達式

布爾表達式一般用來判斷某個條件或者表達式是否成立,其結果只能為true或false。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=90;
        var b=60;
        if(a>b)
        {
            document.write(" 學習網不錯!");
        }
        else
        {
            document.write(" 學習網?額,= =!~");
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

四、字符串表達式

字符串表達式指的就是操作字符串的語句。

在此重申一點,“數字+字符串”返回值一定是字符串,因為JavaScript會自動將數值型數據轉換成字符串型數據。這一點我們在“算術表達式”中已經說過了。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=" 學習網";
        var b="JavaScript";
        var c="入門教程";
        var str = a+b+c;
        document.write(str);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved