二周目 Javascript 筆記

閱讀時間約 8 分鐘

邏輯運算

  • || = or 或 ; true || false ⇒ true p.s 只要左右兩邊有一個true , 那就是true
  • && = and 和 ; true && false ⇒ false p.s 兩邊都要一樣
  • ! = not ; !true ⇒ false ; 相反

邏輯運算的短路性質

1 || 2 > 印出 1 原因 : 1 = 一個有效的資料(true) 2 = 一個有效的資料(true) ; 但是程式跑到 1 的時候 答案就已經出來了是true 所以程式已經結束不會跑到2 就跳到下一行
1 || 0 > 印出 1 原因 : 1 = 一個有效的資料(true) 0 = 一個空的資料(false)
0 || 1 > 印出 1 原因 : 1 = 一個有效的資料(true) 0 = 一個空的資料(false) ; 但是程式跑到第一個false的時候 還要看後面是什麼來決定是true or false , 後面是true 所以印出 1
1 && 2 > 印出 2
0 && 1 > 印出 0 ; 因為第一個false 程式就結束了

變數

let a =1
console.log(a & 1) = 判斷奇數或偶數
陣列 Arry
let scoreStuden = [15, 30, 50, 75, 100]; // 陣列序號從0開始
scoreStuden.push(95); // 放入物件
console.log(scoreStuden.length);

物件 Object

let peter = {    // 物件裡面可以再放物件或陣列
name: "Peter",
age: 18,
score: "100",
father: {
name: "Hank",
age: "50",
phone: "123456789",
},
};
let key = peter;
console.log(key.father.age); // 有兩種方法印出物件
console.log(key["father"]["age"]); // 取出物件中特定的資料

注意變數的型態

let a = 10;
let b = "20"; // 變數型態為字串
console.log(a + b); // 印出 1020
console.log(a + Number(b)); // 用 Number把 B 變回 數字 , 印出 30

== 與 === 差別

== 只判斷內部資料是否相等 例如 1 == “1” ⇒ true
=== 多判斷一個型態 例如 1 === "1"=> false

if 判斷式

let Score = 50;
if (Score >= 60) { // ()裡面放"條件" , 若為true 執行第一段程式, 若為 falsd , 執行第二段程式
console.log("及格");
} else {
console.log("不及格");
}
  • 是否為 n 的倍數
let Score = 100;
if (Score % 5 === 0) { // % 模運算, 取餘數 , 假設能被 n 整除, 代表為n 的倍數
console.log("為五的倍數"); // 印出 為五的倍數
} else {
console.log("不是五的倍數");
}

if .. else if .. else 多個條件判斷式

/* 
判定 65歲以上為老人 , 18~64 歲為年輕人 , 18歲以下(不包含18)為小孩
age >= 65, old
18 <= age < 65, young
age < 18, children
*/

let age = 100;
if (age >= 65 && age <= 120) { // 設定最大年齡為 120 , && = and and 兩邊條件都要為true
console.log("old");
} else if (age < 65 && age >= 18) { // 設定年齡為 18~65 之間
console.log("young");
} else if (age < 18 && age > 0) { // 設定年齡最小為 0 歲
console.log("children");
} else {
console.log("請重新輸入"); // 假設輸入以上都不是的數字, 印出重新輸入
}

練習題:

  1. 判斷是否及格
判斷一個叫做 score 的變數是否及格(超過或剛好 60 分),如果及格的話就輸出 pass, 否則輸出 fail。
進階練習:
除了判斷是否及格以外,也請你對滿分做出特別判斷,如果是 100 分的話就輸出 you are no1!
// score >= 60 pass
// score < 60 fail
// 100 === you are no1
let scores = 59;
if (scores === 100) {
console.log("you are no1!");
} else if (scores >= 60) {
console.log("pass");
} else if (scores < 60) {
console.log("fail");
}
  1. BMI計算
BMI 值的計算公式為:體重 / 身高^2。
假設體重是 70,身高是 180(1.8m),BMI 就是 70/(1.8*1.8) = 21。
現在請你寫出一個簡單的 BMI 計算器,用兩個變數代表體重跟身高,算出 BMI 之後判斷 BMI 是落在哪個範圍內並輸出相對應的字串。
體重過輕:BMI < 18.5
正常範圍:18.5 <= BMI < 24
過重:24 <= BMI < 27
輕度肥胖:27 <= BMI < 30
中度肥胖:30 <= BMI < 35
重度肥胖:35 <= BMI
let height = 1.78;
let weight = 75;
let bmi = weight / (height * height);
console.log(bmi);
if (bmi >= 35) {
  console.log("重度肥胖");
} else if (bmi < 35 && bmi >= 30) {
  console.log("中度肥胖");
} else if (bmi < 30 && bmi >= 27) {
  console.log("輕度肥胖");
} else if (bmi < 27 && bmi >= 24) {
  console.log("過重");
} else if (bmi < 24 && bmi >= 18.5) {
  console.log("正常範圍");
} else if (bmi < 18.5) {
  console.log("體重過輕");
}
    0會員
    7內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    Yu Chun的沙龍 的其他內容
    函式的核心組成: 函式的本體 函式的參數 函式的回傳值 函式的基本語法一: 程式碼範例 函式的基本語法二: 程式碼範例 箭頭函式語法: 省去關鍵字 function , 用 => 代替 程式碼範例 箭頭函式簡化寫法: 可以簡化的箭頭函式, 函式內部只有"回傳值": 箭頭函式簡化寫法範例: 箭頭函式簡
    AJAX // XHR是什麼: 利用 Javascript 程式進行連線 近期使用最新的 fetch fetch 函示基本語法: 處理不同格式的語法: 根據連線後回傳的資料格式, 寫出相對應的程式 取得純文字資料的回應 取得 JSON 資料的回應 練習:
    事件是什麼: 發生了一件事情 執行相對應的程式 常見事件的種類: onclick 「點擊」 onmouseover 「滑鼠移入」 onmouseout 「滑鼠移出」 onmousedown 「滑鼠按住」 onmouseup 「滑鼠放開」 事件處理的三大關鍵: 在哪個事件上發生 事件的種類是什麼 執行
    HTML DOM 是什麼? 根據HTML標籤建立的物件結構 每個HTML標籤在Javascript中都有對應的標籤物件 把HTML標籤物件串接在一起, 成為物件結構, 就稱之為HTML DOM HTML DOM (Document Object Model) 操作Document 物件: Docum
    陣列是什麼: 按照順序存放其他資料的容器 Javascript 內建的物件 利用有順序的編號,來管理內部的資料 基本語法: 取得陣列長度: 陣列.length 取得陣列中特定編號的資料: 練習題:班上同學有五位,成績分別為 20,35,45,70,100, 請印出班上成績的總平均:
    基本語法: 物件的函式: 呼叫函式的方法: this 在物件的用法: JSON 寫法:
    函式的核心組成: 函式的本體 函式的參數 函式的回傳值 函式的基本語法一: 程式碼範例 函式的基本語法二: 程式碼範例 箭頭函式語法: 省去關鍵字 function , 用 => 代替 程式碼範例 箭頭函式簡化寫法: 可以簡化的箭頭函式, 函式內部只有"回傳值": 箭頭函式簡化寫法範例: 箭頭函式簡
    AJAX // XHR是什麼: 利用 Javascript 程式進行連線 近期使用最新的 fetch fetch 函示基本語法: 處理不同格式的語法: 根據連線後回傳的資料格式, 寫出相對應的程式 取得純文字資料的回應 取得 JSON 資料的回應 練習:
    事件是什麼: 發生了一件事情 執行相對應的程式 常見事件的種類: onclick 「點擊」 onmouseover 「滑鼠移入」 onmouseout 「滑鼠移出」 onmousedown 「滑鼠按住」 onmouseup 「滑鼠放開」 事件處理的三大關鍵: 在哪個事件上發生 事件的種類是什麼 執行
    HTML DOM 是什麼? 根據HTML標籤建立的物件結構 每個HTML標籤在Javascript中都有對應的標籤物件 把HTML標籤物件串接在一起, 成為物件結構, 就稱之為HTML DOM HTML DOM (Document Object Model) 操作Document 物件: Docum
    陣列是什麼: 按照順序存放其他資料的容器 Javascript 內建的物件 利用有順序的編號,來管理內部的資料 基本語法: 取得陣列長度: 陣列.length 取得陣列中特定編號的資料: 練習題:班上同學有五位,成績分別為 20,35,45,70,100, 請印出班上成績的總平均:
    基本語法: 物件的函式: 呼叫函式的方法: this 在物件的用法: JSON 寫法:
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    Thumbnail
    套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
    Thumbnail
    當你在開發程式時,難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性,我們使用「例外處理」來處理這些異常情況。
    Thumbnail
    本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
    Thumbnail
    本章節旨在介紹JavaScript中函數的基本結構和使用方法,包括函數聲明、函數表達式、箭頭函數和匿名函數的定義方式,以及函數的呼叫、參數使用和返回值的處理方式。透過了解這些函數的基本概念和用法,可以幫助讀者更靈活地編寫和理解JavaScript代碼。
    Thumbnail
    JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、TypeScript 和
    Thumbnail
    前言 大家好我是蘿蔔特分享一下我個人目前覺得練等比較快的方式,提供給各位做參考! 下方影片區方便查看 前中期40等以下 40等前要練等我建議刷太晶戰,如果網路夠穩直接開網路刷會更快還不用跑圖 40等後練等區 山這邊這邊基本上出45等左右吉利蛋,數量還算多,如果有野餐加草屬性出線機率會更快 一周目後練
    Thumbnail
    所以我說,右前這株多肉是不是真的快翹掉了 看他那萎萎的葉子 對不起啦三號 我明天就帶你們去曬太陽 明天下午有空,我們可以去曬太陽一下午 今天上課上了一整天 我也滑手機...... 沒有,我很認真上課。 先醬吧! 希望明天天氣不錯。
    Thumbnail
    我十分懷疑不用吧快枯死了 畢竟一週沒有曬太陽,又快兩週沒喝水 今天看到得時候就是一副乾巴巴的樣子 拍完照後趕緊給他灌了15ml的水 應該不會太多吧。 今天去看了風濕免疫科 醫生學姊表示:學妹你真的很糟糕誒! 正常人的免疫反應大概落在100內 而我是正常人的5~6倍 真是太慘了 幾乎任何東西都會造成我
    Thumbnail
    《異度神劍3》 前言 大家好~這裡是AdaLee Gaming 大家異度神劍3玩到哪了呢?破關完之後遊戲還不算結束,本作也有二周目系統,會盡量不雷,單純分享二周目的相關事情,包括破關後的存檔可以做什麼,以及會開放哪些新功能,最後還有分析有沒有必要開啟二周目。 影片介紹: 遊戲攻略 破關存檔 新功能
    Thumbnail
    也是正巧,我寫完文章的1/24這天,水上老師的前作《惑星のさみだれ》也宣布改編動畫,真是剛好碰上這時機(硬拉關係)。 . 作者:水上悟志 類型:奇幻 連載期間:2012~2016(已完結) 冊數:全6冊
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    Thumbnail
    套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
    Thumbnail
    當你在開發程式時,難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性,我們使用「例外處理」來處理這些異常情況。
    Thumbnail
    本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
    Thumbnail
    本章節旨在介紹JavaScript中函數的基本結構和使用方法,包括函數聲明、函數表達式、箭頭函數和匿名函數的定義方式,以及函數的呼叫、參數使用和返回值的處理方式。透過了解這些函數的基本概念和用法,可以幫助讀者更靈活地編寫和理解JavaScript代碼。
    Thumbnail
    JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、TypeScript 和
    Thumbnail
    前言 大家好我是蘿蔔特分享一下我個人目前覺得練等比較快的方式,提供給各位做參考! 下方影片區方便查看 前中期40等以下 40等前要練等我建議刷太晶戰,如果網路夠穩直接開網路刷會更快還不用跑圖 40等後練等區 山這邊這邊基本上出45等左右吉利蛋,數量還算多,如果有野餐加草屬性出線機率會更快 一周目後練
    Thumbnail
    所以我說,右前這株多肉是不是真的快翹掉了 看他那萎萎的葉子 對不起啦三號 我明天就帶你們去曬太陽 明天下午有空,我們可以去曬太陽一下午 今天上課上了一整天 我也滑手機...... 沒有,我很認真上課。 先醬吧! 希望明天天氣不錯。
    Thumbnail
    我十分懷疑不用吧快枯死了 畢竟一週沒有曬太陽,又快兩週沒喝水 今天看到得時候就是一副乾巴巴的樣子 拍完照後趕緊給他灌了15ml的水 應該不會太多吧。 今天去看了風濕免疫科 醫生學姊表示:學妹你真的很糟糕誒! 正常人的免疫反應大概落在100內 而我是正常人的5~6倍 真是太慘了 幾乎任何東西都會造成我
    Thumbnail
    《異度神劍3》 前言 大家好~這裡是AdaLee Gaming 大家異度神劍3玩到哪了呢?破關完之後遊戲還不算結束,本作也有二周目系統,會盡量不雷,單純分享二周目的相關事情,包括破關後的存檔可以做什麼,以及會開放哪些新功能,最後還有分析有沒有必要開啟二周目。 影片介紹: 遊戲攻略 破關存檔 新功能
    Thumbnail
    也是正巧,我寫完文章的1/24這天,水上老師的前作《惑星のさみだれ》也宣布改編動畫,真是剛好碰上這時機(硬拉關係)。 . 作者:水上悟志 類型:奇幻 連載期間:2012~2016(已完結) 冊數:全6冊