Il existe encore de nombreuses fonctions de fonctionnement de tableau dans JS. J'ai soudainement pensé à le résumer aujourd'hui, qui peut être considéré comme examinant le passé et en apprenant le nouveau. Cependant, nous ne résumerons pas chaque méthode, mais ne prendrons des notes que pour certaines plus couramment utilisées.
Les fonctions de fonctionnement du tableau JS résumé ici sont: push, pop, join
(1) pousser et pop
Les deux fonctions effectuent des opérations de pressage ou de popping sur le tableau à partir de la queue. push (arg1, arg2, ...) peut appuyer sur un ou plusieurs éléments à la fois et renvoyer la longueur mise à jour du tableau. Notez que si les paramètres sont également des tableaux, tous les tableaux sont appuyés dans le tableau d'origine en tant qu'élément. La fonction POP () ne fera qu'accélérer l'élément de fin à la fois et renverra l'élément éclaté. Si pop () est appelé sur un groupe vide, il reviendra indéfini.
Exemple:
var oldarr = [1,2,3];
alert (oldarr.push (4, [5,6])) // ici, [5,6] ne sera utilisé que comme élément pour planifier et renvoyer la longueur de tableau mise à jour 5
À l'heure actuelle, Oldarr = [1,2,3,4, [5,6]]
oldarr.pop () // Le dernier élément [5,6] apparaît ici, pas 6
À l'heure actuelle, Oldarr = [1,2,3,4]
oldarr.pop () -> 4
oldarr.pop () -> 3
oldarr.pop () -> 2
oldarr.pop () -> 1
alert (oldarr.pop ()) -> Undefined (le tableau vide apparaît)
(2) Un décalage et un quart
La méthode UNSHIFT () ajoute un ou plusieurs éléments au début du tableau et renvoie une nouvelle longueur. La méthode UNSHIFT () insérera son argument dans la tête de l'arrayObject et déplace les éléments existants séquentiellement à l'indice supérieur pour quitter l'espace. Le premier paramètre de la méthode deviendra le nouvel élément 0 du tableau, s'il y a un deuxième paramètre, il deviendra le nouvel élément 1, etc.
Veuillez noter que la méthode Unsich () ne crée pas de nouvelle création, mais modifie directement le tableau d'origine. De plus, Unshift () ne peut pas être exécuté dans le navigateur Internet Explorer!
Dans l'exemple suivant, nous créerons un tableau et ajouterons un élément au début du tableau et retournerons la nouvelle longueur du tableau:
<script type = "text / javascript"> var arrR = new Array () arr [0] = "George" arr [1] = "John" arr [2] = "thomas" document.write (arr.join () + "<br />")Document.write(rarr.unshift("willam") + "<br />") document.write (arr.join () </ script>Sortir:
George, John, Thomas
4
William George John Thomas
Shift () est utilisé pour supprimer le premier élément du tableau du tableau d'origine et renvoyer la valeur du premier élément (c'est-à-dire la valeur de l'élément supprimé).
Remarque: Si le tableau est vide, Shift () n'effectuera aucune manipulation et renverra directement la valeur non définie. De plus, cette méthode ne crée pas un nouveau tableau, mais modifie directement le ArrayObject d'origine.
Exemple: Dans cet exemple, nous créerons un tableau et supprimerons le premier élément du tableau:
<script type = "text / javaScript"> var arr = new Arrayarr [0] = "George" arr [1] = "John" arr [2] = "thomas" document.write (arr.join () + "<br />") document.write (arr.shift () + "<br />") document.write (arr.join ()) </ script>
Sortir:
George, John, Thomas
George
John, Thomas
(3) join ()
La fonction consiste à concaténer chaque élément du tableau en une chaîne via le délimiteur spécifié. Sa fonction est la même que ToString ().
grammaire
arrayObject.join (séparateur)
Le séparateur de paramètres est facultatif. Spécifie le séparateur à utiliser. Si ce paramètre est omis, une virgule est utilisée comme séparateur.
Exemple:
var arr = new Array (3) arr [0] = "George" arr [1] = "John" arr [2] = "thomas" document.write (arr.join ())
Sortir
George, John, Thomas
(4) Slice ()
Cette méthode renvoie l'élément sélectionné dans le tableau existant
grammaire
arrayObject.slice (start, fin)
Valeur de retour
Renvoie un nouveau tableau contenant des éléments dans un ArrayObject du début à la fin (à l'exclusion de cet élément).
Remarque: vous pouvez sélectionner des éléments dans la queue du tableau à l'aide de valeurs négatives. Si la fin n'est pas spécifiée, la méthode Slice () sélectionne tous les éléments du début à la fin du tableau.
Exemple:
<script type = "text / javascript"> var arrR = new Array (3) arr [0] = "George" arr [1] = "John" arr [2] = "thomas" document.write (arr.join () + "<br />")Document.write(1r.slice(1) +" <br /> ") document.write (arr.join () </ script>
Sortir:
George, John, Thomas
John Thomas
George, John, Thomas
(5) Splice ()
Cette méthode est utilisée pour insérer, supprimer ou remplacer les éléments d'un tableau.
grammaire
arrayObject.splice (index, howmany, élément1, ......, elementX)
Valeur de retour
Si un élément est supprimé du ArrayObject, un tableau contenant les éléments supprimés est retourné.
illustrer
La méthode Splice () supprime zéro ou plus d'éléments commençant à l'index et remplace les éléments supprimés par une ou plusieurs valeurs déclarées dans la liste des paramètres. Il convient de noter que la fonction de la méthode Splice () est différente de la méthode Slice (). La méthode Splice () modifiera directement le tableau.
Exemple:
Exemple 1
Dans cet exemple, nous créerons un nouveau tableau et y ajouterons un élément:
<script type = "text / javascript"> var arrR = new Array (6) arr [0] = "George" arr [1] = "John" arr [2] = "Thomas" arr [3] = "James" arr [4] = "Adrew" arr [5] = "martin" document.write (arr.join () + "<brume /> ") arr.splice (2,0," william ") document.write (arr.join () +" <br /> ") </cript>
Sortir:
George, John, Thomas, James, Adrew, Martin
George, John, William, Thomas, James, Adrew, Martin
Exemple 2
Dans cet exemple, nous supprimerons l'élément situé dans l'index 2 et ajouterons un nouvel élément pour remplacer l'élément supprimé:
<script type = "text / javascript"> var arrR = new Array (6) arr [0] = "George" arr [1] = "John" arr [2] = "Thomas" arr [3] = "James" arr [4] = "Adrew" arr [5] = "martin" document.write (arr.join () + "<brume /> ") arr.splice (2,1," william ") document.write (arr.join ()) </cript>
Sortir:
George, John, Thomas, James, Adrew, Martin
George, John, William, James, Adrew, Martin
Exemple 3
Dans cet exemple, nous supprimerons les trois éléments en commençant par l'index 2 ("Thomas") et ajouterons un nouvel élément ("William") pour remplacer l'élément supprimé:
<script type = "text / javascript"> var arrR = new Array (6) arr [0] = "George" arr [1] = "John" arr [2] = "Thomas" arr [3] = "James" arr [4] = "Adrew" arr [5] = "martin" document.write (arr.join () + "<brume /> ") arr.splice (2,3," william ") document.write (arr.join ()) </cript>
Sortir:
George, John, Thomas, James, Adrew, Martin
George, John, William, Martin
(6) Contact ()
Cette méthode est utilisée pour concaténer deux tableaux ou plus. Il ne modifie pas le tableau existant, mais renvoie uniquement une copie du tableau en cours de joie.
grammaire
arrayObject.concat (arrayx, arrayx, ......, arrayx)
Exemple:
Exemple 1
Dans cet exemple, nous concaténerons les paramètres dans Concat () dans le tableau A:
<script type = "text / javascript"> var a = [1,2,3]; document.write (a.concat (4,5)); </cript>
Sortir:
1,2,3,4,5
Exemple 2
Dans cet exemple, nous créons deux tableaux, puis utilisons Concat () pour les concaténer:
<script type = "text / javascript"> var arr = new Array (3) arr [0] = "George" arr [1] = "John" arr [2] = "thomas" var arr2 = new Array (3) arr2 [0] = "James" arr2 [1] = "Adrew" arr2 [2] = "martin" document.write (arr.Concat (arr2)) </ script>
Sortir:
George, John, Thomas, James, Adrew, Martin
Exemple 3
Dans cet exemple, nous créons trois tableaux, puis utilisons Concat () pour les concaténer:
<script type = "text / javascript"> var arr = new Array (3) arr [0] = "George" arr [1] = "John" arr [2] = "thomas" var arr2 = nouveau tableau (3) arr2 [0] = "James" Arr2 [1] = "Adrew" Arr2 [2] = "Martin" var Arr3 = New Array (2) Arr3 [0] = "William" 1] "Franklin" document.write (arr.concat (arr2, arr3)) </cript>
Sortir:
George, John, Thomas, James, Adrew, Martin, William, Franklin
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.