如何用JS判斷數(shù)組中是否存在某個值或者某個對象的值
更新時間：2023年01月17日 10:47:10 作者：愛宇陽
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時，我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家介紹了關(guān)于如何用JS判斷數(shù)組中是否存在某個值或者某個對象的值的相關(guān)資料,需要的朋友可以參考下
一、判斷是否存在某個值
1、Array.prototype.indexOf()
indexOf()方法返回在數(shù)組中可以找到一個給定元素的第一個索引，如果不存在，則返回-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() 方法用來判斷一個數(shù)組是否包含一個指定的值，根據(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() 方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的值。否則返回 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()方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的索引。若沒有找到對應(yīng)元素則返回-1。
const array1 = [5, 12, 8, 130, 44]; const isLargeNumber = (element) => element > 13; console.log(array1.findIndex(isLargeNumber)); // expected output: 3
二、判斷是否存在對象的某個值
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補充：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);運行結(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ù)組中是否存在某個值或者某個對象的值的文章就介紹到這了,更多相關(guān)JS判斷數(shù)組存在某個值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
數(shù)組如何求最大值，想必很多的朋友都不會吧，本文為大家介紹下javascript中數(shù)組是如何求最大值的，感興趣的朋友不要錯過2013-12-12
詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連
這篇文章主要介紹了詳解微信小程序?qū)崿F(xiàn)WebSocket心跳重連，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
js獲取TreeView控件選中節(jié)點的Text和Value值的方法
在實際項目中，遇到一個問題，首先彈出一個新窗口，新窗口中放了一個TreeView控件，現(xiàn)在要解決的是，如何單擊TreeView中一個節(jié)點，返回Text和Value到父頁面并關(guān)閉該新窗口,本文將詳細介紹此方法的實現(xiàn)2012-11-11
這篇文章主要為大家詳細介紹了微信分享調(diào)用jssdk實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
Bootstrap整體框架之JavaScript插件架構(gòu)
這篇文章主要介紹了Bootstrap整體框架之JavaScript插件架構(gòu)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS中Select下拉列表類(支持輸入模糊查詢)功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
這篇文章主要介紹了es6中l(wèi)et和const的使用方法,結(jié)合實例形式詳細分析了es6中l(wèi)et和const的基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了功能強大的Bootstrap效果展示，介紹常用Bootstrap效果的使用方法，感興趣的小伙伴們可以參考一下2016-08-08
微信瀏覽器內(nèi)置JavaScript對象WeixinJSBridge使用實例
這篇文章主要介紹了微信瀏覽器內(nèi)置JavaScript對象WeixinJSBridge使用實例,本文給出了分享到朋友圈、發(fā)送給好友、分享到騰訊微博、關(guān)注指定的微信號等功能代碼,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了淺談javascript如何獲取文件后綴名，文章通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08