在 Javascript 中使用

| | | | | | | | |

JavaScript 是一種用於在網站上創建動態內容的編程語言。

花點時間想想您每天使用的網絡功能。想想當你在 Twitter 上繼續滾動時新內容是如何加載的,或者當你點擊 like 按鈕時 YouTube 是如何更新的。這是 JavaScript 在工作。 JavaScript 可用於創建交互式表單、動畫圖像、創建響應式元素等以滿足您的需求

在構建網站時,您將使用三種主要的網絡技術。 HTMLCSSJavaScript。您將使用 HTML 來確定網頁的結構,並使用 CSS 來控製網頁的外觀。 JavaScript 是 Web 開發的第三個元素,您可以使用它來使您的網站動態化。

這並不是 JavaScript 所能做的全部。如果您要創建多個靜態網頁,我們建議您使用 JS。但 JavaScript 也可用於後端 Web 開發、開發遊戲或創建移動應用程序。

在本指南中,我們將介紹一些您可能會使用的最常見的操作在學習 JavaScript 時遇到的。我們將討論 JavaScript 的基礎知識,包括子鏈、使用 try ... catch 塊測試代碼、使用 if 語句等等。在介紹了基礎知識之後,我們還將探索一些更高級的 JavaScript 功能。

如果您是 JavaScript 新手並且正在尋找介紹性教程,那麼看看本指南吧!讓我們從探索 JavaScript 中一些最常見的操作開始。

過濾和收縮 JavaScript

在 JavaScript 中處理數組時,您可以過濾對像或執行計算在所有元素上。到矩陣內部。這就是 filter ()reduce () 函數分別發揮作用的地方。

Filter ()函數可用於從數組中獲取滿足特定條件的值。下面是一個返回所有學生 1st Grade 的過濾函數示例:

reduce () 方法 可用於將數組縮減為單個值。例如,如果我們想得到一個班級學生的總年齡,我們可以使用這個代碼:

有關這些函數的工作原理以及如何在代碼中使用它們的更多信息,請參閱我們的完整指南。

JavaScript 字符串包含

字符串用於 r 顯示和文本編程。使用字符串時,您可以檢查該字符串是否包含某個值。例如,您可以檢查某人的姓名是否包含 Jones

您可以使用 JavaScript 中內置的 understands() 來檢查是否一個字符串包含一個子字符串。下面是一個用於檢查字符串是否包含子字符串的include()方法示例:

JavaScript 拆分和切片

通常您可以將一個字符串拆分為一個子字符串或一個數組。為此,您可以使用 JavaScript 函數 split()slice()

split () 函數允許您將字符串拆分為數組。例如,如果要將用戶的全名轉換為字符串數組,可以使用. split() 函數 下面是一個 split() 的例子:

slice () 返回字符串中兩個索引號之間的所有字符,允許您創建子字符串 下面是一個切片實例。 p>

JavaScript 代碼 splice () 可用於從數組中的任何位置添加或刪除元素。例如,如果您有一個員工姓名列表,並且您想從列表中刪除第二個,您可以使用 splice()

這裡是 splice () 用於從數組中刪除名稱 Paul,其索引值為 3

JavaScript 子字符串

JavaScript 代碼substring ( ) 方法 允許您提取字符串的一部分並在那裡創建子字符串。例如,如果要獲取某人姓名中的最後兩個字符,可以使用 substring()

這裡是一個用於刪除第一個子字符串的示例字符串中的兩個字符:

JavaScript Try Catch

每個開發人員在編碼時都會犯錯誤,這非常重要的是確保如果出現錯誤,則對其進行適當處理。 JavaScript 中使用 try/catch 塊處理錯誤。

當使用 try/catch 塊時,如果在代碼中發現錯誤,代碼將執行並返回自定義響應。這是一個示例嘗試/捕獲過程:

JavaScript If Else

當您希望代碼運行時使用條件語句僅當滿足特定的一組標準時。例如,如果用戶名輸入有效,您可能希望程序打印用戶名,如果用戶名無效,則在 Web 瀏覽器中向用戶返回一條消息。

if / else 語句可用於在一個語句為真時執行某些代碼,如果一個語句為假則執行另一段代碼。這是 if / else 聲明的語法:

替換JavaScript字符串

JavaScript replace() 代碼可用於替換文本字符串中的某些字符——或字符序列。例如,如果用戶更改了他們的電子郵件,您可以使用 replace() 將用戶每次出現的電子郵件地址更改為字符串

這裡有一個例子說明如何使用 replace() 在 JavaScript 中替換文本:

JavaScript onclick a>

當你創建一個網頁時,你可能想要一個當用戶點擊它時做某事的元素。例如,你可以讓用戶在點擊按鈕或圖片時收到消息放大它被點擊。這就是 onclick() 函數進來的地方。

onclick() 允許你製作一個交互式網頁,這樣如果用戶點擊一個項目,就會發生一些事情。閱讀我們的 onclick () 事件 指南,詳細了解它的工作原理以及如何在代碼中使用它。

JavaScript 數組排序

在處理數組時,您可以決定以特殊方式對數組進行排序。例如,您可以按字母順序對姓名列表或按升序對投票列表進行排序。

JavaScript sort () 函數可用於以特定的方式組織數組大大地。以下是 () 排序函數的示例,用於按字母順序對一組學生姓名進行排序:

sort()函數也可以用來執行高級排序,如果你在流派中定義了一個自定義函數

JavaScript運算符三元

JavaScript 三元運算符是if ... else,它控制是否滿足條件並執行代碼塊。例如,如果您想檢查他們是否超過 18 歲,false 是用戶的年齡,如果他們未滿 18 歲,則返回 true,您可以使用三元運算符。

三元運算符通常用於代替簡單的 if ... else,因為它們緊湊且在一行中。

這是三元運算符的語法在 JavaScript 中:

JavaScript forEach

用 JavaScript 編程時,您可能想要遍歷列表中的所有項目。例如,您可能有一個要為用戶打印的供應商名稱列表。你可以使用 forEach 循環來創建這個函數

forEach 循環是 loop 的一種形式,它對數組的每個元素執行一次函數。以下是 forEach 語句的語法,該語句遍歷公司列表並在新行上打印每個公司:

JavaScript 函數

屬於大多數編程語言的函數,允許您為每個進程編寫一次代碼,並在您的程序中多次使用該代碼。

例如,如果您有一個檢查表單字段是否有效的代碼塊,您可能想要使它成為一個函數,所以我不必為網頁上的每個字段表單重複一段代碼。 <

p> 下面是一個 JavaScript 函數的例子:

我們的函數本身什麼也不做,但是當被調用時,該函數會打印 Google 到控制台。要調用我們的函數,我們使用以下代碼:

JavaScript Either

關鍵字 JavaScript let 允許聲明可以重新分配的塊字段,語言環境變量。與 var 變量不同,let 變量只能在給定的代碼塊內訪問,但可以重新分配為 var 變量。

使用 let 聲明變量的工作方式與 var 相同:

閱讀我們關於 JavaScript let 的完整文章,了解 varconst 之間的區別> 讓,以及如何正確使用它們。

JavaScript 數組按

在使用數組時,可以向該數組添加一個元素。這就是 push () JavaScript 的用武之地。您可以使用 push () 將元素附加到數組的末尾。下面是一個使用push()方法的例子:

輸出:

你也可以使用unshift()從一個數組中添加一個元素。 unshift() 的作用與 push() 相同,接受相同的參數。

結論

JavaScript 是一種編程工具用於創建動態網頁的語言。在本指南中,我們討論了一些——一些 JavaScript 初學者最常用的操作。我們已經涵蓋了從 onClick 到字符串替換、切割數據以滿足您的需求的所有內容。

但是,本手冊不僅適用於初學者。在您繼續學習 JavaScript 的過程中,您應該繼續閱讀本指南,並在您迷路時使用它來幫助您。我們會不斷更新這篇文章,以便如果您對常見的 JavaScript 操作有任何疑問,您可以應該可以在這裡找到。

在 Javascript 中使用 exp: Questions

在 Javascript 中使用 filter: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method