您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“es6如何查找某項是否存在”,內容詳細,步驟清晰,細節處理妥當,希望這篇“es6如何查找某項是否存在”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
方法:1、用find();2、用includes(),語法“數組.includes(值)”;3、用some(),語法“function f(v) {if (v===值) {return true;}}var b= 數組.some(f);”;4、用indexOf(),語法“數組.indexOf(值)”;5、用lastIndexOf(),語法“數組.lastIndexOf(值)”。
方法1:利用數組的find() 方法
find()方法用于查找數組中符合條件的第一個元素,如果沒有符合條件的元素,則返回undefined
find() 對于空數組,函數是不會執行的。
find() 并沒有改變數組的原始值。
array.find(function(currentValue, index, arr),thisValue)
參數 | 描述 |
---|---|
function(currentValue, index,arr) | 必需。數組每個元素需要執行的函數。 函數參數:參數描述currentValue必需。當前元素index可選。當前元素的索引值arr可選。當前元素所屬的數組對象 |
thisValue | 可選。 傳遞給函數的值一般用 "this" 值。 如果這個參數為空, "undefined" 會傳遞給 "this" 值 |
返回值:
返回符合測試條件的第一個數組元素值,如果沒有符合條件的則返回 undefined。
示例:判斷fruits數組中是否包含給定元素“榴蓮”
function f(value) {
return value === '橘子';
}
var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
if(fruits.find(f)!=undefined){
console.log("給定元素是存在的");
}else{
console.log("給定元素是不存在的");
}
方法2:利用數組的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("給定元素是不存在的");
}
方法3:利用數組的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("給定元素是不存在的");
}
輸出結果為:
方法4:利用數組的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("給定元素是不存在的");
}
方法5:利用數組的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("給定元素是不存在的");
}
輸出結果為:
讀到這里,這篇“es6如何查找某項是否存在”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。