搜尋
首頁web前端js教程Javascript - 陣列、字串、函數、變數類型

大批:

--> JavaScript 中的陣列是一種資料結構,用於在單一變數中儲存多個值。
-->陣列可以保存不同類型的數據,包括數字、字串、對象,甚至其他陣列。
-->它們是零索引的,這意味著第一個元素位於索引 0 處。

建立數組:

1。使用方括號-[]

例如:

let fruits = ["apple", "banana", "cherry"];

2。使用陣列建構子-new Array

例如:

let numbers = new Array(1, 2, 3, 4);
console.log(numbers);

輸出:
[1,2,3,4]

細繩

-->在 JavaScript 中,字串是用來表示文字的字元序列。
--> JavaScript 中的字串是不可變的,無法變更。

宣告字串

字串可以使用以下方式定義:

Double quotes: "Hello"
Single quotes: 'Hello'
Template literals: `Hello`

注意:

-->使用單引號或雙引號建立的字串的工作方式相同。
-->兩者沒有差別。
-->模板是用反引號 (``)
括起來的字串 -->範本允許在字串內使用單引號和雙引號。

字串方法:

  1. trim() - 刪除字串兩端的空格。
  2. toLowerCase() - 將字串中的所有字元轉換為小寫。
  3. toUpperCase() - 將字串中的所有字元轉換為大寫。
  4. includes() - 檢查字串中是否存在子字串。
  5. indexOf() - 找出子字串第一次出現的索引。
  6. replace() - 將第一次出現的子字串替換為另一個子字串。
  7. replaceAll() - 將所有出現的子字串替換為另一個子字串。
  8. split() - 依照分隔符號將字串分割為陣列。
  9. substring() - 擷取兩個索引之間的字串部分。
  10. slice() - 使用開始和結束索引提取字串的一部分。
  11. startsWith() - 檢查字串是否以特定子字串開頭。
  12. endsWith() - 檢查字串是否以特定子字串結尾。
  13. match() - 將字串與正規表示式相符。
  14. padStart() - 用特定字元從頭開始填充字串。
  15. padEnd() - 用特定字元從末尾填入字串。
  16. concat() - 將兩個或多個字串合併為一個。
  17. toString() - 將值轉換為字串。
  18. localeCompare() - 比較兩個字串以根據區域設定進行排序。
  19. charAt() - 傳回字串中特定索引處的字元。
  20. charCodeAt() - 方法傳回字串中指定索引處的字元代碼
  21. length - 擷取字串中的字元數。

功能

-->函數是執行特定任務的可重複使用程式碼區塊。
-->它僅在呼叫時執行程式碼區塊。
-->函數是用 function 關鍵字定義的,後面跟著名稱,然後是括號 ()。
-->函數名稱可以包含字母、數字、底線和美元符號(與變數的規則相同)。
-->括號中可能包含以逗號分隔的參數名稱:
(參數1,參數2,...)

文法:

函數名稱(參數1,參數2,參數3) {
// 要執行的程式碼
}

函數回傳

JavaScript 中的 return 語句用於函數內部,以將值傳回呼叫函數的位置。

Image description
變數類型:

  1. 全域變數
  2. 局部變數

Image description

開關語句:

--> JavaScript 中的 switch 語句用於根據表達式的不同值執行不同的程式碼區塊。
-->它是處理多個條件時編寫多個 if...else 語句的替代方法。
--> switch 語句用來選擇要執行的多個程式碼區塊之一。

它是如何運作的?

  • switch 表達式計算一次。
  • 將表達式的值與每個案例的值進行比較。
  • 如果存在匹配,則執行關聯的程式碼區塊。
  • 如果沒有匹配,則執行預設程式碼區塊。

文法:

Image description

以上是Javascript - 陣列、字串、函數、變數類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Python vs. JavaScript:開發人員的比較分析Python vs. JavaScript:開發人員的比較分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型,適合科學計算和數據分析。 2.JavaScript採用弱類型,廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢,選擇時應根據項目需求決定。

Python vs. JavaScript:選擇合適的工具Python vs. JavaScript:選擇合適的工具May 08, 2025 am 12:10 AM

選擇Python還是JavaScript取決於項目類型:1)數據科學和自動化任務選擇Python;2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞,而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript:了解每個的優勢Python和JavaScript:了解每個的優勢May 06, 2025 am 12:15 AM

Python和JavaScript各有優勢,選擇取決於項目需求和個人偏好。 1.Python易學,語法簡潔,適用於數據科學和後端開發,但執行速度較慢。 2.JavaScript在前端開發中無處不在,異步編程能力強,Node.js使其適用於全棧開發,但語法可能複雜且易出錯。

JavaScript的核心:它是在C還是C上構建的?JavaScript的核心:它是在C還是C上構建的?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1)JavascriptwasdesignedAsignedAsalightWeight,drackendedlanguageforwebbrowsers.2)Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers,典型地,替代品。

JavaScript應用程序:從前端到後端JavaScript應用程序:從前端到後端May 04, 2025 am 12:12 AM

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗,後端通過Node.js處理服務器任務。 1.前端示例:改變網頁文本內容。 2.後端示例:創建Node.js服務器。

Python vs. JavaScript:您應該學到哪種語言?Python vs. JavaScript:您應該學到哪種語言?May 03, 2025 am 12:10 AM

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統:1)職業發展:Python適合數據科學和後端開發,JavaScript適合前端和全棧開發。 2)學習曲線:Python語法簡潔,適合初學者;JavaScript語法靈活。 3)生態系統:Python有豐富的科學計算庫,JavaScript有強大的前端框架。

JavaScript框架:為現代網絡開發提供動力JavaScript框架:為現代網絡開發提供動力May 02, 2025 am 12:04 AM

JavaScript框架的強大之處在於簡化開發、提升用戶體驗和應用性能。選擇框架時應考慮:1.項目規模和復雜度,2.團隊經驗,3.生態系統和社區支持。

JavaScript,C和瀏覽器之間的關係JavaScript,C和瀏覽器之間的關係May 01, 2025 am 12:06 AM

引言我知道你可能會覺得奇怪,JavaScript、C 和瀏覽器之間到底有什麼關係?它們之間看似毫無關聯,但實際上,它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章,你將了解到JavaScript如何在瀏覽器中運行,C 在瀏覽器引擎中的作用,以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道,JavaScript是前端開發的核心語言,它直接在瀏覽器中運行,讓網頁變得生動有趣。你是否曾經想過,為什麼JavaScr

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!