如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對象的值
更新時(shí)間：2023年01月17日 10:47:10 作者：愛宇陽
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)，我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家介紹了關(guān)于如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對象的值的相關(guān)資料,需要的朋友可以參考下
一、判斷是否存在某個(gè)值
1、Array.prototype.indexOf()
indexOf()方法返回在數(shù)組中可以找到一個(gè)給定元素的第一個(gè)索引，如果不存在，則返回-1。
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// expected output: 1
// start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4
console.log(beasts.indexOf('giraffe'));
// expected output: -12、Array.prototype.includes()
includes() 方法用來判斷一個(gè)數(shù)組是否包含一個(gè)指定的值，根據(jù)情況，如果包含則返回 true，否則返回 false。
const array1 = [1, 2, 3];
console.log(array1.includes(2));
// expected output: true
const pets = ['cat', 'dog', 'bat'];
console.log(pets.includes('cat'));
// expected output: true
console.log(pets.includes('at'));
// expected output: false3、Array.prototype.find()
find() 方法返回?cái)?shù)組中滿足提供的測試函數(shù)的第一個(gè)元素的值。否則返回 undefined。
const array1 = [5, 12, 8, 130, 44]; const found = array1.find(element => element > 10); console.log(found); // expected output: 12
4、Array.prototype.findIndex()
findIndex()方法返回?cái)?shù)組中滿足提供的測試函數(shù)的第一個(gè)元素的索引。若沒有找到對應(yīng)元素則返回-1。
const array1 = [5, 12, 8, 130, 44]; const isLargeNumber = (element) => element > 13; console.log(array1.findIndex(isLargeNumber)); // expected output: 3
二、判斷是否存在對象的某個(gè)值
1、Array.prototype.find() 同上3
const arr = [{id:1, name:'name1'}, {id:2, name:'name2'}, {id:3, name:'name3'}];
const res = arr.find((ev) => {
return ev.id === 3;
});
console.log(res);
// expected output: { id: 3, name: "name3" }
const ret = arr.find((ev) => {
return ev.id === 4;
});
console.log(ret);
// expected output: undefined2、Array.prototype.findIndex() 同上4
const arr = [{id:1, name:'name1'}, {id:2, name:'name2'}, {id:3, name:'name3'}];
const res = arr.findIndex((ev) => {
return ev.id === 3;
});
console.log(res);
// expected output: 2
const ret = arr.findIndex((ev) => {
return ev.id === 4;
});
console.log(ret);
// expected output: -1補(bǔ)充：js判斷數(shù)組（數(shù)組對象）中是否存在指定的值，如果存在就刪除
數(shù)組中是否存在指定值，存在就刪除
var str = ["a", "b", "c"];
var index = str.indexOf("a");
if(index>-1){//大于0 代表存在，
str.splice(index,1);//存在就刪除
}
console.log(str);// ["b", "c"]
數(shù)組對象中是否存在指定值（方法一），存在即刪除
var searchinfo =[
{ key: '999', name: 'zhangsan'},
{ key: '111', name: 'lisi'},
{ key: '222', name: 'wanger'},
{ key: '333', name: 'apple'},
{ key: '444', name: 'orange'},
]
for (var i = 0; i < searchinfo.length; i++) {
if ((searchinfo[i].key).indexOf("999") > -1) {//判斷key為999的對象是否存在，
index = i;
searchinfo.splice(index, 1);//存在即刪除
}
}
console.log(searchinfo);運(yùn)行結(jié)果：
數(shù)組對象中是否存在指定值（方法二）
var searchinfo =[
{ key: '999', name: 'zhangsan'},
{ key: '111', name: 'lisi'},
{ key: '222', name: 'wanger'},
{ key: '333', name: 'apple'},
{ key: '444', name: 'orange'},
]
var str1 = searchinfo.some(item => item.key =="999");
console.log(str);//true 存在
var str2 = searchinfo.some(item => item.key =="121");
console.log(str);//false 不存在
總結(jié)
到此這篇關(guān)于如何用JS判斷數(shù)組中是否存在某個(gè)值或者某個(gè)對象的值的文章就介紹到這了,更多相關(guān)JS判斷數(shù)組存在某個(gè)值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
原始值代表原始數(shù)據(jù)類型的值,也叫基本數(shù)據(jù)類型,包括 Number、Stirng、Boolean、Null、Underfined,下面這篇文章主要給大家介紹了關(guān)于JavaScript中原始值和引用值深入講解的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了JS建造者模式基本用法,以一個(gè)完整實(shí)例形式較為詳細(xì)的分析了javascript建造者模式的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了js正則表達(dá)式/replace替換變量方法 ,最近項(xiàng)目任務(wù)繁重，更新博客會(huì)較慢，不過有時(shí)間希望可以把自己的積累分享出來，需要的朋友可以參考下2016-05-05
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實(shí)現(xiàn)
本篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細(xì)介紹了javascript跨域資源共享的相關(guān)資料，感興趣的朋友可以參考一下2016-07-07
javascript框架設(shè)計(jì)之框架分類及主要功能
這篇文章主要介紹了javascript框架設(shè)計(jì)之框架分類及主要功能的相關(guān)資料,需要的朋友可以參考下2015-06-06
本文主要分享了JavaScript實(shí)現(xiàn)星級評分的實(shí)例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
原生JS實(shí)現(xiàn)《別踩白塊》游戲（兼容IE）
本文主要介紹了原生JS實(shí)現(xiàn)《別踩白塊》游戲（兼容IE）的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
Bootstrap源碼解讀標(biāo)簽、徽章、縮略圖和警示框（8）
這篇文章主要源碼解讀了標(biāo)簽、徽章、縮略圖和警示框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
uniapp實(shí)現(xiàn)微信公眾號支付的方法步驟
本文主要介紹了uniapp實(shí)現(xiàn)微信公眾號支付的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05