JavaScript >> Javascript 文檔 >  >> JavaScript

在 JavaScript 中檢查數組是否包含一個值,並附上示例

本教程將通過完整的示例向您展示如何檢查數組是否包含 Javascript 中的特定值。

JavaScript 是一種靈活的編程語言,幾乎可以在任何地方運行。您可以在 Web 瀏覽器中運行 JavaScript 應用程序,構建可以在終端中運行的命令行應用程序,可以使用 Cordova 等平台構建移動應用程序,並且可以在 Node.js 等平台上編寫服務器進程。

自然地,Linux 是許多 JavaScript 開發人員的首選環境,非常適合學習 Node.js 等工具以及在完成後託管給最終用戶。

JavaScript 數組

數組 是一種 JavaScript 變量,可以在某個位置的列表中保存其他變量,或對其他變量的引用。

數組構成了大多數應用程序的主幹——它們可能包含待辦事項列表項或多人遊戲中團隊中每個玩家的引用。

使用 includes() 方法檢查數組中是否存在項

下面是一個包含顏色列表的數組:

var colours = ["red", "green", "blue", "purple", "orange", "pink"];

注意:

  • 我們使用 var 聲明一個變量 JavaScript 語句
  • 數組包含在 [ ] (方括號),每個值由 , 分隔 (標準逗號)
  • 每個值都是一個字符串(因為它被 “” 包圍 ) 但可以存儲任何類型的變量或值

要找出數組中是否出現“藍色”,我們可以使用 includes() 方法:

var colours = ["red", "green", "blue", "purple", "orange", "pink"]; 
var result = colours.includes("blue"); 
console.log(result); // Returns TRUE

注意:

  • 包括() 返回布爾值
  • 我們使用了 console.log() 方法將結果的值輸出到控制台以便查看
  • 我們添加了一條評論:// 之後的文本 不會被 JavaScript 解釋,因此您可以在代碼中留下自己的註釋

檢查某個元素是否存在於某個位置之後的數組中

也可以檢查特定值是否出現在特定 index 之後 (位置)在數組中:

var colours = ["red", "green", "blue", "purple", "orange", "pink"]; 
var result = fruits.includes("blue", 4); 
console.log(result); // Returns FALSE
  • 請記住,索引從 0 開始計算,而不是 1:所以“紅色”在索引 0 處,“藍色”在索引 3 處
  • 因此結果為 FALSE,因為“藍色”沒有出現在索引 4 之後的數組中

使用 indexOf() 方法檢查數組中是否存在項

還有另一種檢查項目是否出現在 JavaScript 數組中的方法。 indexOf() 方法將返回數組中第一個找到的值的索引,或者返回 -1 如果它不存在。

var colours = ["red", "green", "blue", "purple", "orange", "pink"]; 
var result = colours.indexOf("blue"); 
console.log(result); // Returns 2

注意:

  • indexOf() 返回第一個找到的具有匹配值的元素的索引(位置)
  • 我們指的是元素價值 – 元素是數組中的項目。它有一個索引(位置)和一個值。您可以在不同位置擁有多個具有相同值的元素。
  • 如果indexOf()的結果值-1 , 在數組中找不到該項目
  • 如果該值在數組中出現多次indexOf() 將僅返回第一個找到的項目的索引

僅搜索數組中的某些位置

如果您想了解特定值是否出現在數組中的特定索引處,可以使用 == 測試該索引處的值是否相等 :

var colours = ["red", "green", "blue", "purple", "orange", "pink"]; 
var result = colours[1] == "green"; 
console.log(result); // Returns TRUE
  • 您還可以使用 indexOf() 來檢查某個值是否存在於某個位置,因為如果該值存在於數組中,它會返回該值的索引

結論

查明數組是否包含特定值是您在開發應用程序時日常使用的基本 JavaScript 語句之一。您還可以在我們的其他教程中了解如何在 Javascript 中從數組中刪除元素。

要了解其他 JavaScript 函數,請查看其他 JavaScript 文章!


Tutorial JavaScript 教程
  1. 分解 Ania Kabow 的糖果粉碎教程第 2 部分 - 交換糖果和拖放

  2. 如何使用 Frontity 構建靜態 WordPress 網站

  3. 如何使用 WRLD 創建包含實時數據的購物中心地圖

  4. 將鼠標懸停在浮動點上時顯示自定義工具提示

  5. 對 indexedDB 使用 idb-keyval

  6. 使用 javascript 和 html5 進行眼睛檢測

  7. 如何在mongoDB中對集合記錄中的數組進行排序

  1. 箭頭函數 JavaScript 教程 – 如何使用新的 ES6 語法聲明 JS 函數

  2. 7個適合初學者的簡單菜單圖標動畫

  3. NPM:如何記錄你的 package.json 腳本

  4. 遷移 React 17 和 Emotion 11:運行時自動時無法設置 pragma 和 pragmaFrag。

  5. JavaScript 原型初學者指南

  6. 15個反應面試問題和解決方案

  7. 學習 React 應用程序開發的 5 個步驟

  1. 漸進增強簡介

  2. 使用 ag-Grid 和 REST API 進行分頁的 Angular 數據表

  3. 如何在 axios 獲得的對像數組中搜索 id? Vue 2

  4. Javascript 和 Node.js 中的面試問題