二周目 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的沙龍 的其他內容
    AJAX // XHR 練習
    閱讀時間約 2 分鐘
    函式 function
    閱讀時間約 4 分鐘
    你可能也想看
    創作者要怎麼好好休息 + 避免工作過量?《黑貓創作報#4》午安,最近累不累? 這篇不是虛假的關心。而是《黑貓創作報》發行以來可能最重要的一篇。 是的,我們這篇講怎麼補充能量,也就是怎麼休息。
    Thumbnail
    avatar
    黑貓老師
    2024-06-29
    Javascript入門-Day10:套件套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
    Thumbnail
    avatar
    浴火重生的雞
    2024-06-04
    Javascript入門-Day9:例外處理當你在開發程式時,難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性,我們使用「例外處理」來處理這些異常情況。
    Thumbnail
    avatar
    浴火重生的雞
    2024-06-03
    Javascript入門-Day8:物件導向本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
    Thumbnail
    avatar
    浴火重生的雞
    2024-06-02
    Javascript入門-Day7:函數本章節旨在介紹JavaScript中函數的基本結構和使用方法,包括函數聲明、函數表達式、箭頭函數和匿名函數的定義方式,以及函數的呼叫、參數使用和返回值的處理方式。透過了解這些函數的基本概念和用法,可以幫助讀者更靈活地編寫和理解JavaScript代碼。
    Thumbnail
    avatar
    浴火重生的雞
    2024-06-02
    JavaScript 與 CoffeeScript、TypeScript 和 Flow 的關係JavaScript (簡稱 JS) 是具有一級函數的輕量級、直譯式或即時編譯的程式語言。它因為用作網頁的腳本語言而大為知名,但也用於許多非瀏覽器的環境,像是 Node.js 等。由於 JavaScript 語法上的一些缺點,軟體工程師們又設計出了 CoffeeScript、TypeScript 和
    Thumbnail
    avatar
    Chih-Yuan Yip
    2024-06-01
    【攻略】(寶可夢 朱/紫)➤ 超快速練等 | 前中期練等區 | 一周目前練等區 | 二周目前 | 主線路線 前言 大家好我是蘿蔔特分享一下我個人目前覺得練等比較快的方式,提供給各位做參考! 下方影片區方便查看 前中期40等以下 40等前要練等我建議刷太晶戰,如果網路夠穩直接開網路刷會更快還不用跑圖 40等後練等區 山這邊這邊基本上出45等左右吉利蛋,數量還算多,如果有野餐加草屬性出線機率會更快 一周目後練
    Thumbnail
    avatar
    蘿蔔特
    2022-11-19
    二周目不用吧的第二天所以我說,右前這株多肉是不是真的快翹掉了 看他那萎萎的葉子 對不起啦三號 我明天就帶你們去曬太陽 明天下午有空,我們可以去曬太陽一下午 今天上課上了一整天 我也滑手機...... 沒有,我很認真上課。 先醬吧! 希望明天天氣不錯。
    Thumbnail
    avatar
    照夜的天空
    2022-09-20
    二周目的不用吧我十分懷疑不用吧快枯死了 畢竟一週沒有曬太陽,又快兩週沒喝水 今天看到得時候就是一副乾巴巴的樣子 拍完照後趕緊給他灌了15ml的水 應該不會太多吧。 今天去看了風濕免疫科 醫生學姊表示:學妹你真的很糟糕誒! 正常人的免疫反應大概落在100內 而我是正常人的5~6倍 真是太慘了 幾乎任何東西都會造成我
    Thumbnail
    avatar
    照夜的天空
    2022-09-19
    《異度神劍3》➤ 二周目相關 | 新功能 | 新遊戲+ | 到底要不要開二周目?《異度神劍3》 前言 大家好~這裡是AdaLee Gaming 大家異度神劍3玩到哪了呢?破關完之後遊戲還不算結束,本作也有二周目系統,會盡量不雷,單純分享二周目的相關事情,包括破關後的存檔可以做什麼,以及會開放哪些新功能,最後還有分析有沒有必要開啟二周目。 影片介紹: 遊戲攻略 破關存檔 新功能
    Thumbnail
    avatar
    玫玫物語
    2022-08-08
    (漫畫推薦)二周目只是開始 I《Spirit circle-魂環-》也是正巧,我寫完文章的1/24這天,水上老師的前作《惑星のさみだれ》也宣布改編動畫,真是剛好碰上這時機(硬拉關係)。 . 作者:水上悟志 類型:奇幻 連載期間:2012~2016(已完結) 冊數:全6冊
    Thumbnail
    avatar
    就是那個光
    2022-01-29