在 Javascript 中使用
exp |
filter |
find |
iat |
JavaScript |
log |
ones |
repeat |
sin |
split
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 () 方法
可用於將數組縮減為單個值。例如,如果我們想得到一個班級學生的總年齡,我們可以使用這個代碼:
有關這些函數的工作原理以及如何在代碼中使用它們的更多信息,請參閱我們的完整指南。
字符串用於 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 塊處理錯誤。
當使用 try/catch 塊時,如果在代碼中發現錯誤,代碼將執行並返回自定義響應。這是一個示例嘗試/捕獲過程:
當您希望代碼運行時使用條件語句僅當滿足特定的一組標準時。例如,如果用戶名輸入有效,您可能希望程序打印用戶名,如果用戶名無效,則在 Web 瀏覽器中向用戶返回一條消息。
if / else 語句可用於在一個語句為真時執行某些代碼,如果一個語句為假則執行另一段代碼。這是 if / else
聲明的語法:
替換JavaScript字符串
JavaScript replace() 代碼可用於替換文本字符串中的某些字符——或字符序列。例如,如果用戶更改了他們的電子郵件,您可以使用 replace()
將用戶每次出現的電子郵件地址更改為字符串
/div>
這裡有一個例子說明如何使用 replace()
在 JavaScript 中替換文本:
當你創建一個網頁時,你可能想要一個當用戶點擊它時做某事的元素。例如,你可以讓用戶在點擊按鈕或圖片時收到消息放大它被點擊。這就是 onclick() 函數
進來的地方。
onclick()
允許你製作一個交互式網頁,這樣如果用戶點擊一個項目,就會發生一些事情。閱讀我們的 onclick () 事件
指南,詳細了解它的工作原理以及如何在代碼中使用它。
在處理數組時,您可以決定以特殊方式對數組進行排序。例如,您可以按字母順序對姓名列表或按升序對投票列表進行排序。
JavaScript sort ()
函數可用於以特定的方式組織數組大大地。以下是 ()
排序函數的示例,用於按字母順序對一組學生姓名進行排序:
sort()
函數也可以用來執行高級排序,如果你在流派中定義了一個自定義函數
JavaScript運算符三元
JavaScript 三元運算符是if ... else
,它控制是否滿足條件並執行代碼塊。例如,如果您想檢查他們是否超過 18 歲,false
是用戶的年齡,如果他們未滿 18 歲,則返回 true
,您可以使用三元運算符。
三元運算符通常用於代替簡單的 if ... else
,因為它們緊湊且在一行中。
這是三元運算符的語法在 JavaScript 中:
用 JavaScript 編程時,您可能想要遍歷列表中的所有項目。例如,您可能有一個要為用戶打印的供應商名稱列表。你可以使用 forEach
循環來創建這個函數
但是,本手冊不僅適用於初學者。在您繼續學習 JavaScript 的過程中,您應該繼續閱讀本指南,並在您迷路時使用它來幫助您。我們會不斷更新這篇文章,以便如果您對常見的 JavaScript 操作有任何疑問,您可以應該可以在這裡找到。