Exemples d'opérations de tableau en JS

Opérations sur les tableaux en JS

1. Création d'un tableau

var arrayObj = new Array(); // Créer un tableau

var arrayObj = new Array([size]); //Créez un tableau et spécifiez la longueur. Notez qu'il ne s'agit pas de la limite supérieure, mais de la longueur

var arrayObj = new Array([element0[, element1[, ...[, elementN] ]]]); Créer un tableau et attribuer une valeur

Il convient de noter que bien que la deuxième méthode crée un tableau et spécifie la longueur, en fait le tableau est de longueur variable en dans tous les cas, c'est-à-dire même si la longueur est spécifiée Même si la longueur est de 5, vous pouvez toujours stocker des éléments au-delà de la longueur spécifiée. Remarque : la longueur changera en conséquence.

2. Accès aux éléments du tableau

var testGetArrValue=arrayObj[1];

arrayObj[1]= "Ceci est une nouvelle valeur"; //Attribuer de nouvelles valeurs aux éléments du tableau

3. 🎜> arrayObj. push([item1 [item2 [. . . [itemN ]]]]); // Ajoute un ou plusieurs nouveaux éléments à la fin du tableau et renvoie la nouvelle longueur du tableau arrayObj. unshift([item1 [item2 [. . . [itemN ]]]]);// Ajoutez un ou plusieurs nouveaux éléments au début du tableau, les éléments du tableau sont automatiquement décalés vers l'arrière et le la nouvelle longueur du tableau est renvoyée

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//Insérer un ou plusieurs nouveaux éléments dans le position spécifiée du tableau, et les éléments à la position d'insertion seront automatiquement déplacés vers l'arrière, return"".

4. Suppression des éléments du tableau

arrayObj.pop( //Supprimer le dernier élément et renvoyer la valeur de l'élément arrayObj.shift(); //Supprime le premier élément et renvoie la valeur de l'élément. Les éléments du tableau sont automatiquement avancés

arrayObj.splice(deletePos,deleteCount); position spécifiée Le nombre spécifié d'éléments deleteCount à partir de deletePos renvoie les éléments supprimés sous forme de tableau

5 Interception et fusion de tableau

arrayObj. slice(start, [end]); //Renvoie une partie du tableau sous la forme d'un tableau. Notez que l'élément correspondant à end n'est pas inclus. Si end est omis, tous les éléments après start seront copiés . arrayObj.concat([item1 [, item2[, . . . [,itemN]]]]); // Concaténer plusieurs tableaux (peut également être des chaînes, ou un mélange de tableaux et de chaînes) en un seul tableau, et renvoie le nouveau tableau connecté Array

6 Copie du tableau

arrayObj.slice(0); tableau, notez qu'il s'agit d'un nouveau tableau, ne pointant pas vers arrayObj.concat(); //Renvoie un tableau de copie du tableau, ne pointant pas vers

.

7. Trier les éléments du tableau

arrayObj.reverse( //Inverser les éléments (du premier au dernier, du dernier au premier plan) , renvoie l'adresse du tableau arrayObj.sort (); // Trie les éléments du tableau et renvoie l'adresse du tableau

8. Stringisation des éléments du tableau

arrayObj.join(separator ); //Renvoyer une chaîne Cette chaîne relie chaque valeur d'élément du tableau entre elles, séparées par un séparateur. toLocaleString, toString, valueOf : peuvent être considérés comme des utilisations spéciales de la jointure, peu utilisées

2. 3 attributs des objets tableau

1. L'attribut length

L'attribut length représente la longueur du tableau, c'est-à-dire le nombre de éléments qu'il contient. Étant donné que l'index d'un tableau commence toujours à 0, les limites supérieure et inférieure d'un tableau sont respectivement : 0 et longueur-1. Contrairement à la plupart des autres langages, la propriété length des tableaux JavaScript est variable, ce qui nécessite une attention particulière. Lorsque l'attribut de longueur est défini plus grand, l'état de l'ensemble du tableau ne change pas réellement, seul l'attribut de longueur devient plus grand lorsque l'attribut de longueur est défini plus petit que l'original, les éléments du tableau d'origine avec des index supérieurs ou égaux à ; length will Toutes les valeurs sont perdues. Voici un exemple qui montre la modification de l'attribut length : var arr=[12,23,5,3,25,98,76,54,56,76];

/ /défini Un tableau contenant 10 nombres

alert(arr.length); //Afficher la longueur du tableau 10

arr.length=12; //Augmente la longueur du tableau

alert(arr.length); //Montre que la longueur du tableau est devenue 12

alert(arr[8]); //Affiche la valeur du 9ème élément, qui est 56

arr.length=5 //Réduire la longueur du tableau à 5, éléments avec index égal ou supérieur à 5 Rejeté

alert(arr[8]); //Montre que le 9ème élément est devenu "indéfini"

arr.length=10; length to 10

alert(arr[8]); //Bien que la longueur soit restaurée à 10, le 9ème élément ne peut pas être récupéré et affiche "undefined"

On le voit clairement sur le code ci-dessus à la nature de l’attribut length. Mais l'objet length peut non seulement être défini explicitement, mais il peut également être modifié implicitement. Vous pouvez utiliser une variable non déclarée en JavaScript. De même, vous pouvez également utiliser un élément de tableau non défini (faisant référence à un élément avec un index supérieur ou égal à length). Dans ce cas, la valeur de l'attribut length sera définie sur . valeur de l'index de l'élément utilisé. Ajouter 1. Par exemple, le code suivant :

var arr=[12,23,5,3,25,98,76,54,56,76];

alert(arr.length) ;

arr[15]=34;

alert(arr.length);

Dans le code, un tableau contenant 10 nombres est également défini en premier. l'instruction d'alerte pour voir que sa longueur est de 10. Ensuite, l'élément avec l'index 15 est utilisé et se voit attribuer la valeur 15, c'est-à-dire arr[15]=34. À ce stade, l'instruction alert est utilisée pour afficher la longueur du tableau et le résultat est 16. Quoi qu’il en soit, il s’agit d’une fonctionnalité surprenante pour les développeurs habitués à une programmation fortement typée. En fait, la longueur initiale d'un tableau créé à l'aide de la forme new Array() est 0. C'est l'opération d'éléments non définis qui fait changer la longueur du tableau.

Comme vous pouvez le voir dans l'introduction ci-dessus, l'attribut length est tellement magique que vous pouvez l'utiliser pour augmenter ou diminuer facilement la capacité du tableau. Par conséquent, une compréhension approfondie de l’attribut length aidera à l’utiliser de manière flexible pendant le processus de développement.

2. L'attribut prototype

renvoie une référence au prototype du type d'objet. La propriété prototype est commune à l’objet.

objectName.prototype

le paramètre objectName est le nom de l'objet objet.

Description : utilisez l'attribut prototype pour fournir un ensemble de fonctions de base de la classe de l'objet. Les nouvelles instances d'un objet « héritent » des opérations assignées au prototype de l'objet.

Pour les objets tableau, l'exemple suivant illustre l'utilisation de l'attribut prototype.

Ajoutez une méthode à l'objet tableau qui renvoie la valeur maximale de l'élément dans le tableau. Pour ce faire, déclarez une fonction, ajoutez-la à Array.prototype et utilisez-la.

function array_max( )

{

var i, max = this[0];

pour (i = 1; i < this. longueur ; i++)

{

if (max < this[i])

max = this[i];

}

return max;

}

Array.prototype.max = array_max;

var x = new Array(1, 2, 3, 4, 5, 6 );

var y = x.max( );

Une fois ce code exécuté, y enregistre la valeur maximale dans le tableau x, ou 6.

3. L'attribut constructeur

représente la fonction qui crée l'objet.

object.constructor //object est le nom de l'objet ou de la fonction.

Explication : La propriété constructeur est membre de tous les objets avec prototype. Ils incluent tous les objets natifs JScript à l'exception des objets Global et Math. La propriété constructor contient une référence à la fonction qui construit une instance d'objet spécifique.

Par exemple :

x = new String("Hi");

if (x.constructor == String) // Processus (la condition est vraie).

ou

fonction MyFunc {

// Corps de fonction.

}

y = new MyFunc;

if (y.constructor == MyFunc) // Processus (la condition est vraie).

Pour les tableaux :

y = new Array();

 

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!