Comment supprimer un élément d'un tableau par valeur ?

Question

Existe-t-il une méthode pour supprimer un élément d'un tableau JavaScript ?

Étant donné un tableau :

var ary = ['three', 'seven', 'eleven'];

Je voudrais faire quelque chose comme :

removeItem('seven', ary);

J'ai regardé dans splice() mais cela ne supprime que par le numéro de position, alors que j'ai besoin de quelque chose pour supprimer un élément par sa valeur.

Answer 1

Vous pouvez utiliser le indexOf méthode comme ça :

var index = array.indexOf(item);
if (index !== -1) {
  array.splice(index, 1);
}

Note : Vous devrez le modifier pour IE8 et les versions inférieures.

var array = [1,2,3,4]
var item = 3

var index = array.indexOf(item);
array.splice(index, 1);

console.log(array)

Answer 2

Une seule phrase suffira,

var arr = ['three', 'seven', 'eleven'];

// Remove item 'seven' from array
var filteredArray = arr.filter(function(e) { return e !== 'seven' })
//=> ["three", "eleven"]

// In ECMA6 (arrow function syntax):
var filteredArray = arr.filter(e => e !== 'seven')

Cela permet d'utiliser le filtre en JS. Elle est prise en charge par IE9 et les versions ultérieures.

Ce qu'il fait (d'après le lien vers le document)

filter() appelle une fonction callback fournie une fois pour chaque élément d'un tableau, et construit un nouveau tableau de toutes les valeurs pour lesquelles callback retourne une valeur qui coïncide avec true. callback n'est invoquée que pour les index du tableau qui ont des valeurs assignées ; elle n'est pas invoquée pour les index qui ont été supprimés ou qui n'ont jamais eu de valeurs assignées. Les éléments du tableau qui ne passent pas le test de callback sont simplement ignorés, et ne sont pas inclus dans le nouveau tableau.

Donc, fondamentalement, c'est la même chose que tous les autres for (var key in ary) { ... } sauf que les for in La construction est prise en charge à partir d'IE6.

Fondamentalement, le filtre est une méthode de commodité qui a un aspect beaucoup plus agréable (et qui peut être enchaînée) par rapport à l'option for in construire (AFAIK).

Answer 3

Il peut s'agir d'une fonction globale ou d'une méthode d'un objet personnalisé, si vous n'êtes pas autorisé à ajouter des prototypes natifs. Elle supprime tous les éléments du tableau qui correspondent à l'un des arguments.

Array.prototype.remove = function() {
    var what, a = arguments, L = a.length, ax;
    while (L && this.length) {
        what = a[--L];
        while ((ax = this.indexOf(what)) !== -1) {
            this.splice(ax, 1);
        }
    }
    return this;
};

var ary = ['three', 'seven', 'eleven'];

ary.remove('seven');

/*  returned value: (Array)
three,eleven
*/

Pour qu'il devienne mondial

function removeA(arr) {
    var what, a = arguments, L = a.length, ax;
    while (L > 1 && arr.length) {
        what = a[--L];
        while ((ax= arr.indexOf(what)) !== -1) {
            arr.splice(ax, 1);
        }
    }
    return arr;
}
var ary = ['three', 'seven', 'eleven'];
removeA(ary, 'seven');

/*  returned value: (Array)
three,eleven
*/

Et pour s'occuper d'IE8 et moins

if(!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(what, i) {
        i = i || 0;
        var L = this.length;
        while (i < L) {
            if(this[i] === what) return i;
            ++i;
        }
        return -1;
    };
}

Answer 4

Vous pouvez utiliser underscore.js . Cela rend les choses vraiment simples.

Par exemple, avec ceci :

var result = _.without(['three','seven','eleven'], 'seven');

Et result será ['three','eleven'] .

Dans votre cas, le code que vous devrez écrire est le suivant :

ary = _.without(ary, 'seven')

Il réduit le code que vous écrivez.

Answer 5

Vérifiez de cette façon :

for(var i in array){
    if(array[i]=='seven'){
        array.splice(i,1);
        break;
    }
}

et dans une fonction :

function removeItem(array, item){
    for(var i in array){
        if(array[i]==item){
            array.splice(i,1);
            break;
        }
    }
}

removeItem(array, 'seven');