1. 程式人生 > >JavaScript學習——JavaScript比較和 邏輯運算

JavaScript學習——JavaScript比較和 邏輯運算

div on() 語句 賦值 按鈕 har 有一個 type ble

比較運算符

比較運算符在邏輯語句中使用,以測定變量或值是否相等。

JavaScript"=="的作用

  1. 當==兩邊的內容是字符串時,則比較字符串的內容是否相等。
  2. 當==兩邊的內容是數字時,則比較數字的大小是否相等。
  3. 當==兩邊的內容是對象或者是對象的函數屬性時,則比較內存地址是否相等

==用於一般比較,===用於嚴格比較,==在比較的時候可以轉換數據類型,===嚴格比較,只要類型不匹配就返回flase

x=5,下面的表格解釋了比較運算符:

運算符描述比較返回值
=== 絕對等於(值和類型均相等) x==="5" false
x===5 true
!= 不等於 x!=8 true
!== 不絕對等於(值和類型有一個不相等,或兩個都不相等) x!=="5" true
x!==5 false
> 大於 x>8 false
< 小於 x<8 true
>= 大於或等於 x>=8 false
<= 小於或等於

==和===的區別:"==" 只要求值相等; "===" 要求值和類型都相等

邏輯運算符

邏輯運算符用於測定變量或值之間的邏輯。

給定 x=6 以及 y=3,下表解釋了邏輯運算符:

運算符描述例子
&& and (x < 10 && y > 1) 為 true
|| or (x==5 || y==5) 為 false
! not !(x==y) 為 true

條件運算符

JavaScript 還包含了基於某些條件對變量進行賦值的條件運算符。

語法

variablename=(condition)?value1:value2 

如果變量 age 中的值小於 18,則向變量 voteable 賦值 "年齡太小",否則賦值 "年齡已達到"。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>mtimeyu博客園</title> 
</head>
<body>

<p>點擊按鈕檢測年齡。</p>
年齡:<input id="age" value="18" />
<p>是否達到投票年齡?</p>
<button onclick="myFunction()">點擊按鈕</button>
<p id="demo"></p>
<script>
function myFunction()
{
	var age,voteable;
	age=document.getElementById("age").value;
	voteable=(age<18)?"年齡太小":"年齡已達到";
	document.getElementById("demo").innerHTML=voteable;
}
</script>

技術分享圖片

JavaScript學習——JavaScript比較和 邏輯運算