javascript怎麼查詢指定陣列元素是否存在

2022-10-12 18:00:32

4種方法:1、用includes()檢測,語法「陣列.includes(元素值)」;2、用some()檢測,語法「function f(v) {if (v===值) {return true;}}var b= 陣列.some(f);」;3、用indexOf()檢測,語法「陣列.indexOf(值)」;4、用lastIndexOf(),語法「陣列.lastIndexOf(值)」。

前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具:

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

方法1:利用陣列的includes() 方法

includes() 方法用來判斷一個陣列是否包含一個指定的值,如果是返回 true,否則false。

arr.includes(searchElement [, fromIndex])
登入後複製
  • searchElement 必須。需要查詢的元素值。

  • fromIndex 可選。從該索引處開始查詢 searchElement。如果為負值,則按升序從 array.length fromIndex 的索引開始搜尋。預設為 0。

範例:判斷fruits陣列中是否包含給定元素「榴蓮」

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
if(fruits.includes('榴蓮')){
	console.log("給定元素是存在的");
}else{
	console.log("給定元素是不存在的");
}
登入後複製

1.png

方法2:利用陣列的some()方法

some()方法可以檢測陣列中是否存在符合條件的元素。換個角度思考,也可以用來檢測陣列中的所有元素是否都不符合指定條件,都不符合的話就返回 false,有一個或者多個符合的話就返回 true。

array.every(function callbackfn(Value,index,array),thisValue)
登入後複製
引數描述
function(currentValue, index,arr)必須。函數,陣列中的每個元素都會執行這個函數
函數引數:
引數描述currentValue必須。當前元素的值index可選。當前元素的索引值arr可選。當前元素屬於的陣列物件
thisValue可選。物件作為該執行回撥時使用,傳遞給函數,用作 "this" 的值。
如果省略了 thisValue ,"this" 的值為 "undefined"

返回值:布林值。如果陣列中有元素滿足條件返回 true,否則返回 false。

範例:

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.some(f);
if (b) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}
登入後複製

輸出結果為:

3.png

方法3:利用陣列的indexOf()方法

indexOf() 方法可返回陣列中某個指定元素的第一次出現位置。如果要檢索的元素沒有出現,則該方法返回 -1。

array.indexOf(item,start)
登入後複製
引數描述
item必須。查詢的元素。
start可選的整數引數。規定在陣列中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該引數,則將從字串的首字元開始檢索。

實現思想:利用該方法檢查指定值在陣列的第一次出現位置,如果位置是存在的,則包含該給定元素。如果返回-1,則不包含該給定元素。

下面給出實現程式碼:

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.indexOf("桃子");
if (b>0) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}
登入後複製

輸出結果為:

4.png

方法4:利用陣列的lastIndexOf()方法

lastIndexOf()方法可搜尋陣列中的元素,並返回它最後出現的位置。如果要檢索的元素沒有出現,則該方法返回 -1。

array.lastIndexOf(item,start)
登入後複製
引數描述
item必需。規定需檢索的字串值。
start可選的整數引數。規定在字串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該引數,則將從字串的最後一個字元處開始檢索。

實現思想:利用該方法檢查指定值在陣列的最後出現位置,如果位置是存在的,則包含該給定元素;如果返回-1,則不包含該給定元素。

下面給出實現程式碼::

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");
if (b>0) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}
登入後複製

輸出結果為:

5.png

【相關推薦:、】

以上就是javascript怎麼查詢指定陣列元素是否存在的詳細內容,更多請關注TW511.COM其它相關文章!