Compréhension approfondie des méthodes de fonctionnement des tableaux JS concat(), slice(), splice()

J'ai été assez libre récemment et j'ai résumé les connaissances que j'ai acquises. Cet article résume les différentes méthodes de fonctionnement des tableaux, concat(), slice() et splice()Les amis dans le besoin peuvent. N'hésitez pas à vous y référer, j'espère qu'il vous sera utile.

Méthode concat()

Méthode concat() : Crée un nouveau tableau basé sur tous les éléments du tableau actuel.
Le processus spécifique est le suivant : créez d'abord une copie du tableau, s'il y a des paramètres pour concat(), ajoutez les paramètres reçus à la fin de la copie, puis renvoyez le tableau nouvellement construit si aucun paramètre n'est passé, copiez simplement le tableau actuel et renvoyez le tableau de copie.
Le paramètre dans concat() peut être un nouveau tableau ou une chaîne.

var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);
alert(colors);
alert(colors2);

Le résultat est que colours est un tableau ["red", "green", "blue"]
colors2 est un tableau ["red", "green", "blue" , "yellow" ,"black","brown"];
La méthode concat() recrée simplement un nouveau tableau avec le tableau actuel, donc le tableau actuel reste inchangé (le tableau de couleurs reste inchangé).

Méthode slice()

Méthode slice() : Crée un nouveau tableau basé sur un ou plusieurs éléments du tableau actuel.
La méthode slice() peut avoir un ou deux paramètres (représentant la valeur d'index du tableau, 0, 1, 2...). Lors de la réception d'un paramètre : renvoie tous les éléments du tableau actuel à partir de la position du paramètre jusqu'à la fin du tableau actuel. Lors de la réception de deux paramètres : renvoie tous les éléments du tableau actuel entre les deux positions de paramètre, mais ne renvoie pas l'élément à la deuxième position de paramètre.
Le paramètre peut également être un nombre négatif, ce qui signifie compter à partir de la fin, -1 signifie le dernier et la méthode d'utilisation est la même que le nombre positif.

var colors = ["red","green","blue","yellow","black","brown"];
var colors2 = colors.slice(2);
var colors3 = colors.slice(1,4);
var colors4 = colors.slice(2,-2);
var colors5 = colors.slice(-3,-1);
console.log(colors2);
console.log(colors3);
console.log(colors4);
console.log(colors5);

Le résultat est : ["bleu", "jaune", "noir", "marron"]
["vert", "bleu", "jaune"]
[ " blue", "jaune"]
["jaune", "noir"]
De plus, la méthode slice() peut également être utilisée pour supprimer des tableaux

Array.prototype.remove = function(from, to) {
    var rest = this.slice((to || from) + 1 || this.length);
    this.length = from <0 ? this.length + from : from;
    return this.push.apply(this, rest);
};

Pour

rest = this.slice((to || from) + 1 || this.length);

Si to n'est pas égal à 0, (to||from) est égal à to, et to+1 n'est pas égal à 0, alors ((to || from) + 1 || this. length) est à+1), Si to+1=0, ((à || from) + 1 || this.length) est this.length
Si to=0, (to||from) est from, si from+1 n'est pas égal à 0, ((to || from) + 1 || this.length) est from+1, si from+1=0, ((to || from) + 1 || this.length) est this.length. Méthode

splice()

splice() est principalement utilisée pour insérer des éléments au milieu du tableau actuel et peut effectuer des opérations de suppression, d'insertion et de remplacement. Renvoie un tableau contenant les éléments supprimés des éléments d'origine (s'il n'est pas supprimé, un tableau vide est renvoyé)
Supprimer : deux paramètres, la position de l'élément de départ supprimé et le nombre d'éléments supprimés.

var colors = ["red","green","blue"];
var removed = colors.splice(1,2);
alert(colors);      //red
alert(removed);     //green,blue

Insérer : insérez n'importe quel nombre d'éléments à la position spécifiée, y compris deux paramètres de base (c'est-à-dire les deux types de paramètres dans l'opération de suppression) et le paramètre de l'élément à insérer. les paramètres sont la position de départ et 0 (le nombre d'éléments à supprimer doit être de 0), les paramètres d'élément à insérer peuvent être n'importe quel nombre ("rouge", "vert", "bleu").

var colors = ["red","green","blue"];
var removed = colors.splice(1,0,"yellow","orange");
alert(colors);      //"red","yellow","orange","green","blue"
alert(removed);     //空数组

Remplacement : insérez n'importe quel nombre d'éléments dans la position spécifiée et supprimez n'importe quel nombre d'éléments. Le nombre d'éléments insérés et le nombre d'éléments supprimés peuvent être différents. Les paramètres comprennent deux paramètres de base (c'est-à-dire les deux types de paramètres dans l'opération de suppression) et le paramètre de l'élément à insérer.

var colors = ["red","green","blue"];
var removed = colors.splice(1,1,"purple","black");
alert(colors);    //"red","purple","black","blue"
alert(removed);   //"green"

En fait, la compréhension générale est que la méthode splice() contient deux paramètres de base pour les éléments de suppression et un nombre quelconque de paramètres d'insertion. Le premier des deux paramètres de base pour les éléments de suppression spécifie la position de suppression. , et le second précise la position de suppression Supprimer le numéro Si le numéro est 0, il ne sera pas supprimé naturellement Seule la fonction de spécification de la position est disponible. N'importe quel nombre de paramètres d'élément d'insertion représente la valeur de l'élément à insérer. Le nombre n'est pas limité et peut être omis. En cas d'omission, la méthode splice() effectue uniquement l'opération de suppression.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!