1. 如果要判斷數組中是否存在某個元素的話很好判斷,直接用數組的indexOf方法就好,存在返回當前索引不存在返回-1
- var arr=[1,2,3,4]
- arr.indexOf(3) // 2
- arr.indexOf(5) // -1
2. 要只是判斷的話是可以遍歷后判斷對象的屬性是否相同的,像這種:
- arr.forEach(item=>{
- if(item.name=='Alex'){
- alert('存在這個元素');
- }
- })
3. 但實際中往往是需要動態添加或刪除對象或元素的,用這個方法的話不好操作,可能會添加或刪除掉多個,可以是用string的indexOf方法來判斷
- const option = {name:'111'}
- // 如果數組里面本身不存在這個對象則把這個加進去
- if(JSON.stringify(arr).indexOf(JSON.stringify(option))==-1){
- arr.push(option); // 進行動態的操作
- }
這個判斷是可以,但存在一個問題需要注意一下,如果對象的順序不一樣,是不能檢測到重復的
例如arr = [{name:'張三', sex:'男'}]
option = {sex:'男', name:'張三'}
利用上述方法檢測的話,實際上該數組是存在這個數組對象的,但如果用string的indexOf方法是不能檢測對的,用這個方法的時候這個點需要注意
4. 還有一個常用方法是設一個flag來做判斷的標識
- let flag = true;
- let msg = '';
- let arr = []
- if(arr.length<6){
- arr.forEach(item=>{
- if(data.id===item.id){ // 對象里的唯一標識id
- msg = '請勿重復添加!'
- flag = false;
- }
- })
- }else{
- msg = '最多添加6個!'
- flag = false;
- }
- if(flag){ // 如果滿足條件-數組長度小於6,當前添加的值在數組里不存在,就把值添加進去
- arr.push(data)
- }else{ // 否則彈出提示信息
- alert(msg)
- }
5. 利用數組API some來判斷
- var result = arr.some(item=>{
- if(item.name=='張三'){
- return true
- }
- })
- console.log(result) // 如果arr數組對象中含有name:'張三',就會返回true,否則返回false
if(result){ // 如果存在
// do something
}