在 Javascript 中使用

Michael Zippo

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

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

在構建網站時，您將使用三種主要的網絡技術。 HTML、CSS 和 JavaScript。您將使用 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 函數

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

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

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

JavaScript Either

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

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

JavaScript 數組按

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

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

結論

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

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