JavaScript 資料型態:
在 JavaScript 中,資料型別定義了變數可以保存的值的型別。類型決定了可以對該值執行哪些操作。 JavaScript 既有原始資料型別(簡單值),也有引用資料型別(複雜物件)。
1. 原始資料型態:
這些是 JavaScript 中最基本的資料類型,它們保存單一值。它們是不可變的,這意味著一旦設定了它們的值,就不能更改它們。
a) Number:
表示整數和浮點數。
let x = 42;
b) String:
表示一系列字元。
let name = "Alice";
c) Boolean:
表示真或假。
let isActive = true;
d) Null:
表示故意沒有任何物件值。
let person = null;
e) Undefined:
指示已宣告但未賦值的變數。
let value;
f) Symbol:
一個唯一的識別碼。
const uniqueID = Symbol();
g) BigInt:
用來表示大整數。
let bigNum = 123n;
2. 引用資料型態:
這些資料型別比較複雜,儲存值集合或更結構化的資料。它們是可變的,這意味著即使引用保持不變,它們的內容也可以更改。
a) Object:
鍵值對的集合。
let person = {name: "John"};
b) Array:
值的排序集合。
let arr = [1, 2, 3];
c) Function:
執行任務的程式碼區塊。
function greet() {}
JavaScript 變數:
在 JavaScript 中,變數是用於儲存資料的命名容器,可以在整個程式碼中引用和操作這些資料。
變數可讓您儲存數字、字串、物件和函數等值。
1. 宣告變數:
在 JavaScript 中,變數使用三個關鍵字之一宣告:
var(舊方法,現在較少使用) let(區塊作用域,在 ES6 中引入) const(區塊作用域,用於常數,也在 ES6 中引入)
a) var(舊方法):
var 關鍵字傳統上用於在 JavaScript 中宣告變數。
var name = "Alice";
var age = 25;
b) let(現代方法):
區塊作用域意味著變數只能在其定義的區塊(例如,在 if 語句或循環內)中存取。
let name = "Bob";
let age = 30;
c) const(常數變數):
const 關鍵字用於聲明在初始賦值後不應重新賦值的變數。
const country = "USA";
重新宣告變數:
使用 var: 您可以在同一作用域內重新宣告變數,JavaScript 不會拋出錯誤。
var name = "Alice"; var name = "Bob"; // 没有错误 console.log(name); // 输出:Bob
使用 let 和 const: 您不能在同一作用域內重新宣告變數。這樣做會導致 SyntaxError。
let name = "Alice"; let name = "Bob"; // SyntaxError: Identifier 'name' has already been declared
const country = "USA"; const country = "Canada"; // SyntaxError: Identifier 'country' has already been declared
JavaScript 運算子:
在 JavaScript 中,運算子是執行運算元運算的符號或關鍵字。
1. 算術運算子:
這些運算子用於對數值執行數學運算。
<code>+ 加法 5 + 3 → 8 - 减法 5 - 3 → 2 * 乘法 5 * 3 → 15 / 除法 5 / 3 → 1.6667 % 取模(除法的余数) 5 % 3 → 2 ** 幂运算(乘方) 2 ** 3 → 8 ++ 递增(加 1) let x = 5; x++ → 6 -- 递减(减 1) let x = 5; x-- → 4</code>
2. 賦值運算子:
這些運算子用於將值賦給變數。
<code>= 简单赋值 let x = 10; += 加法赋值 x += 5; → x = x + 5; -= 减法赋值 x -= 5; → x = x - 5; *= 乘法赋值 x *= 5; → x = x * 5; /= 除法赋值 x /= 5; → x = x / 5; %= 取模赋值 x %= 5; → x = x % 5; **= 幂赋值 x **= 2; → x = x ** 2;</code>
3. 比較運算子:
這些運算子用於比較兩個值並傳回布林值(true 或 false)。
<code>== 等于 5 == "5" → true === 全等 5 === "5" → false != 不等于 5 != "5" → false !== 不全等 5 !== "5" → true > 大于 5 > 3 → true >= 大于等于 5 >= 3 → true </code>
4. 邏輯運算子:
這些運算子用於執行邏輯運算,通常使用布林值。
<code>&& 逻辑与 true && false → false || 逻辑或 true || false → true ! 逻辑非 !true → false</code>
JavaScript 條件語句:
在 JavaScript 中,條件語句用於根據特定條件是否為真或假來執行不同的操作。
1. if 語句
if 語句是最基本的條件語句。如果指定的條件計算結果為真,則執行程式碼區塊。
文法:
if (condition) { // 如果条件为真,则执行的代码块 }
2. else 語句
else 語句跟在 if 語句之後,定義一個程式碼區塊,如果 if 語句中的條件為假,則執行該程式碼區塊。
文法:
if (condition) { // 如果条件为真,则执行的代码块 } else { // 如果条件为假,则执行的代码块 }
3. else if 語句
else if 語句可讓您測試多個條件。當您需要檢查多個條件時使用它。
文法:
if (condition1) { // 如果 condition1 为真,则执行的代码块 } else if (condition2) { // 如果 condition2 为真,则执行的代码块 } else { // 如果 condition1 和 condition2 都为假,则执行的代码块 }
4. 巢狀 if 語句
您可以將 if 語句嵌套在其他 if 語句中以建立更複雜的條件。
5. switch 語句
switch 語句是測試值與多個條件的更有效的方法,尤其是當您有很多不同的可能結果時。
文法:
switch (expression) { case value1: // 如果 expression === value1,则运行的代码 break; case value2: // 如果 expression === value2,则运行的代码 break; default: // 如果没有 case 匹配,则运行的代码 }
JavaScript 循環:
在 JavaScript 中,循環用於只要滿足特定條件就重複執行程式碼區塊。當您想要執行重複性任務(例如迭代數組或多次執行程式碼區塊)時,這很有用。
1. for 迴圈
for 迴圈是 JavaScript 最常見的迴圈。當您知道要迭代程式碼區塊多少次時,通常會使用它。
文法:
for (initialization; condition; increment/decrement) { // 每次迭代中要执行的代码 }
2. while 循環
while 迴圈只要指定的條件計算結果為真就執行程式碼區塊。在每次迭代之前檢查條件,並且一旦條件變為假,循環就會停止。
文法:
while (condition) { // 只要条件为真就执行的代码 }
以上是日期資料型態、變數、運算子、條件語句、Javascript 中的循環的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript字符串替換方法詳解及常見問題解答 本文將探討兩種在JavaScript中替換字符串字符的方法:在JavaScript代碼內部替換和在網頁HTML內部替換。 在JavaScript代碼內部替換字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項,需使用正則表達式並添加全局標誌g: str = str.replace(/fi

簡單JavaScript函數用於檢查日期是否有效。 function isValidDate(s) { var bits = s.split('/'); var d = new Date(bits[2] '/' bits[1] '/' bits[0]); return !!(d && (d.getMonth() 1) == bits[1] && d.getDate() == Number(bits[0])); } //測試 var

本文探討如何使用 jQuery 獲取和設置 DOM 元素的內邊距和外邊距值,特別是元素外邊距和內邊距的具體位置。雖然可以使用 CSS 設置元素的內邊距和外邊距,但獲取準確的值可能會比較棘手。 // 設定 $("div.header").css("margin","10px"); $("div.header").css("padding","10px"); 你可能會認為這段代碼很

本文探討了十個特殊的jQuery選項卡和手風琴。 選項卡和手風琴之間的關鍵區別在於其內容面板的顯示和隱藏方式。讓我們深入研究這十個示例。 相關文章:10個jQuery選項卡插件

發現十個傑出的jQuery插件,以提升您的網站的活力和視覺吸引力!這個精選的收藏品提供了不同的功能,從圖像動畫到交互式畫廊。讓我們探索這些強大的工具:相關文章:1

HTTP-Console是一個節點模塊,可為您提供用於執行HTTP命令的命令行接口。不管您是否針對Web服務器,Web Serv

本教程向您展示瞭如何將自定義的Google搜索API集成到您的博客或網站中,提供了比標準WordPress主題搜索功能更精緻的搜索體驗。 令人驚訝的是簡單!您將能夠將搜索限制為Y

當div內容超出容器元素區域時,以下jQuery代碼片段可用於添加滾動條。 (無演示,請直接複製到Firebug中) //D = document //W = window //$ = jQuery var contentArea = $(this), wintop = contentArea.scrollTop(), docheight = $(D).height(), winheight = $(W).height(), divheight = $('#c


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

禪工作室 13.0.1
強大的PHP整合開發環境

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Atom編輯器mac版下載
最受歡迎的的開源編輯器