Vérifier si la valeur de l'objet existe dans un tableau Javascript des objets et si ce n'est ajouter un nouvel objet array

Il est trivial de vérifier s'il existe un nom d'utilisateur:

var arr = [{ id: 1, username: 'fred' }, 
  { id: 2, username: 'bill'}, 
  { id: 3, username: 'ted' }];

function userExists(username) {
  return arr.some(function(el) {
    return el.username === username;
  }); 
}

console.log(userExists('fred')); //true
console.log(userExists('bred')); //false

Mais il n'est pas si évident que faire lorsque vous ajoutez un nouvel utilisateur de ce tableau. La solution la plus simple - il suffit de pousser un nouvel élément avec id égal à array.length + 1:

function addUser(username) {
  if (userExists(username)) {
    return false; 
  }
  arr.push({ id: arr.length + 1, username: username });
  return true;
}

addUser('fred'); //false
addUser('bred'); //true, user `bred` added

Il sera de garantir l'unicité des Id, mais faire de ce tableau l'air un peu étrange si certains éléments seront retirés de sa fin.

La Meilleure Pratique est de ce genre.

var arr = ["a","b","c","d"];
console.log(arr.includes("a")); //---- true;
console.log(arr.includes("k")); //---- false;
console.log(arr.includes("c")); //---- true;

J'aime Andy réponse, mais l'id ne va pas nécessairement être unique, donc voici ce que j'ai trouvé pour créer un ID unique également. Peut être vérifiée à jsfiddle trop. Veuillez noter que arr.length + 1 peut très bien ne pas garantir un ID unique si quelque chose avait été retirées précédemment.

var array = [ { id: 1, username: 'fred' }, { id: 2, username: 'bill' }, { id: 3, username: 'ted' } ];
var usedname = 'bill';
var newname = 'sam';

//don't add used name
console.log('before usedname: ' + JSON.stringify(array));
tryAdd(usedname, array);
console.log('before newname: ' + JSON.stringify(array));
tryAdd(newname, array);
console.log('after newname: ' + JSON.stringify(array));

function tryAdd(name, array) {
    var found = false;
    var i = 0;
    var maxId = 1;
    for (i in array) {
        //Check max id
        if (maxId <= array[i].id)
            maxId = array[i].id + 1;

        //Don't need to add if we find it
        if (array[i].username === name)
            found = true;
    }

    if (!found)
        array[++i] = { id: maxId, username: name };
}

Fonctions natives de tableau sont parfois 3X - 5X fois plus lent que la normale boucles. En Plus des fonctions natives ne fonctionnent pas dans tous les navigateurs il y a donc un problème de compatibilité.

Mon Code:

<script>
  var obj = [];

  function checkName(name) {
    //declarations
    var flag = 0;
    var len = obj.length;   
    var i = 0;
    var id = 1;

    //looping array
    for (i; i < len; i++) {
        //if name matches
        if (name == obj[i]['username']) {
            flag = 1;
            break;
        } else {
            //increment the id by 1
            id = id + 1;
        }
    }

    //if flag = 1 then name exits else push in array
    if (flag == 0) {
      //new entry push in array        
      obj.push({'id':id, 'username': name});
    }
  }
  //function end

  checkName('abc');
</script>

De cette façon, vous pouvez obtenir le résultat plus rapidement.

Remarque: je n'ai pas vérifié si le paramètre passé est vide ou pas, si vous voulez vous pouvez mettre un frein ou d'écrire une expression régulière pour la validation en particulier.

xorWith dans Lodash peut être utilisé pour réaliser cette

let objects = [ { id: 1, username: 'fred' }, { id: 2, username: 'bill' }, { id: 2, username: 'ted' } ]
let existingObject = { id: 1, username: 'fred' };
let newObject = { id: 1729, username: 'Ramanujan' }

_.xorWith(objects, [existingObject], _.isEqual)
//returns [ { id: 2, username: 'bill' }, { id: 2, username: 'ted' } ]

_.xorWith(objects, [newObject], _.isEqual)
//returns [ { id: 1, username: 'fred' }, { id: 2, username: 'bill' }, { id: 2, username: 'ted' } ,{ id: 1729, username: 'Ramanujan' } ]