跳到主內容

JavaScript 基礎筆記

這是在記錄目前聽課程的記錄

consloe.log用法


consloe.log 是在顯示目前執行的狀態,如果要顯示目前所執行結果可以從這裡去查看 console.log(填入的參數)

var a1 = 1;
console.log(a1);

#目前輸出的值是什麼類型

var a1 = "1";
# typeof() 這是顯示類型參數
console.log(typeof(a1));

js-01.png


類型轉換


parseInt() 函数可解析一个字符串,并返回一个整数。

# parseInt 這是負責轉換類型的參數,這是轉成數字類型
var choice =parseInt(prompt('1',0));


參考相關網頁


隨機產生數


用Math.random()取得某區間內的隨機亂數

#這是產生亂數,例:0~3之類的數字包含小數之後的數值
Math.random()*3


參考相關網頁


四捨五入、無條件捨去、無條件進位


floor() 方法可对一个数进行下舍入。

var coChoice = Math.floor(Math.random()*3);


參考相關網頁


運算記錄



回傳值


return 是回傳值參數

#先宣告
var result = sum(1,6);
#函數
function sum(a,b){
return a+b;
}
#輸出結果
console.log(result);

陣列


是將某個值輸入到陣列裡面,並且等待被取時使用

var a1 = ['10','20','30']
console.log(a1)

比較與邏輯運算符號


  • 等於差異

兩個等於(==)會對被判別的變數做轉換型別的動作(coercion又稱為implicit type conversion)。這就是爲什麽有時候不懂一個語言特性會覺得怪怪的。舉例來說:

一個 = 是指給予設定值
二個 == 是一般相等會強制轉型
三個 === 是嚴格相等,類型及值都要一樣
  • 比較運算符號

比較運算符在邏輯語句中使用,以判定變量或值是否相等,例:我們給予 x = 5,下表中解釋了比較運算符:

運算符 描述 比較 返回值
== 等於 x == 8 false
x == 5 true
x == "5" true
=== 值跟類型都是相等 x === 5 true
x === "5" false
!= 不相等 x !=8 true
!== 值跟類型都不相等 x !== 5 false
x !== "5" true
x !== 8 true
> 大於 x > 8 false
< 小於 x < 8 true
>= 大于或等于 x >= 8 false
<= 小于或等于 x <= 8 true
  • 邏輯運算符

邏輯運算符用於判定變量或值之間的邏輯。例:我們給予 x = 6 且 y = 3 ,下表解釋了運輯運算符:

運算符 描述 例子
&& 與 AND (x < 10 && y > 1) 為 true
|| 或 OR (x == 5 || y == 5) 為 false
! 非 NOT AND !(x == y) 為 true


參考相關網頁


事件




參考相關網頁

日期


  • 日期比較,有時候在做日期選擇的時會怕選擇錯誤造成資料會有異常的狀況因此要做日期的資料比對
#取得使用者輸入的值
var a3 = '2020-03-15';
#取得當下日期
var a3date = new date;
#將取得當下日期重新組合成想要的格式
var a3ymd = a3date.getFullYear() + "-" + (a3date.getMonth() + 1) + "-" + a3date.getDate();

#轉換成字串並且進行比較
if (((Date.parse(a3)).valueOf()) > ((Date.parse(a3ymd)).valueOf())) {
     alert("填到未來日期");
      return false;
}
return true;


參考相關網頁