Résumé des opérations sur les tableaux JavaScript et introduction aux attributs et méthodes_Connaissances de base

1. Opérations sur les tableaux

1. Création du tableau

Copier le codeLe code est le suivant :

var arrayObj = new Array(); //Créez 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 le la deuxième méthode crée un tableau et spécifie la longueur, la longueur réelle. Dans tous les cas ci-dessus, le tableau est de longueur variable, ce qui signifie que même si la longueur est spécifiée à 5, les éléments peuvent toujours être stockés en dehors de la longueur spécifiée. Remarque : la longueur. changera en conséquence.
2. Accès aux éléments du tableau

Copier le code Le code est le suivant :

var testGetArrValue =arrayObj[1]; //Obtenir la valeur de l'élément du tableau
arrayObj[1]= "Ceci est la nouvelle valeur"; //Attribuer une nouvelle valeur à l'élément du tableau

3. Élément de tableau Ajouter

Copier le code Le code est le suivant :

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 ]]]] );// Commencez par ajouter un ou plusieurs nouveaux éléments au tableau, les éléments du tableau sont automatiquement reculés et la nouvelle longueur du tableau est renvoyée
arrayObj. .splice(insertPos,0,[item1[, item2[, . . . [ ,itemN]]]]);//Insérer un ou plusieurs nouveaux éléments à la position spécifiée du tableau. L'élément à la position d'insertion est automatiquement. reculé et "" est renvoyé.

4. Suppression des éléments du tableau

Copier le code Le code est le suivant :

arrayObj.pop(); //Supprime le dernier élément et renvoie 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é
arrayObj.splice(deletePos,deleteCount); //Supprime le nombre spécifié d'éléments deleteCount à partir de la position spécifiée deletePos et renvoie les éléments supprimés sous forme de tableau

5. Interception et fusion de tableaux / /Renvoyer une partie du tableau sous forme de 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 renvoyer le nouveau tableau connecté

6. Code de copie du tableauCode de copie

Le code est le suivant :


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

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

7 , Tri des éléments du tableau Copier le code

Le code est le suivant :


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

arrayObj .sort(); // Trie les éléments du tableau, renvoie l'adresse du tableau

8 , stringification des éléments du tableau Copier le code

Le code est le suivant :


arrayObj.join(separator ); //Renvoie une chaîne qui 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 une utilisation spéciale de la jointure, peu utilisée

2. Trois attributs des objets tableau

1. attribut de longueur

L'attribut Longueur représente la longueur du tableau, c'est-à-dire le nombre d'é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 de longueur :

Copiez le code Le code est le suivant :

var arr= [12,23,5,3,25,98,76,54,56,76];
//Définir un tableau contenant 10 nombres
alert(arr.length); //Afficher le tableau La longueur de 10
arr.length=12; //Augmenter la longueur du tableau
alert(arr.length); //Montrer 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éduit la longueur du tableau à 5, et les éléments avec des index égaux ou supérieurs 5 sont supprimés
alert(arr[8]) ; //Montre que le 9ème élément est devenu "indéfini"
arr.length=10; //Restaurer la longueur du tableau à 10
alert(arr[ 8]); //Bien que la longueur soit restaurée à 10 , mais le 9ème élément ne peut pas être récupéré et affiche "indéfini"

D'après le code ci-dessus, nous pouvons clairement voir 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 :

Copiez le code Le code est le suivant :

var arr=[12,23 ,5,3,25,98,76,54,56,76];
alerte(arr.length);
arr[15]=34;
alerte(arr .length);

Le code définit également d'abord un tableau contenant 10 nombres. Il ressort de l'instruction d'alerte 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. Attribut du prototype

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

Copier le code Le code est le suivant :

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

Description : Utilisez la propriété 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 pour renvoyer la valeur maximale de l'élément dans le tableau. Pour ce faire, déclarez une fonction, ajoutez-la à Array.prototype et utilisez-la.

Copier le code Le code est le suivant :

function array_max( )

{

var i, max = this[0];

pour (i = 1; i

{

si (max

max = ceci[i];

}

retour max ;

}

Array.prototype.max = array_max;

var x = nouveau tableau(1, 2, 3, 4, 5, 6);

var y = x.max( );

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

3. Attribut constructeur

représente une fonction qui crée un objet.

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

Description : 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 :

Copier le code Le code est le suivant :

x = nouveau String("Bonjour ");

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

ou

Copier le code Le code est le suivant :

fonction MyFunc {

// Corps de fonction.

}

y = nouveau MyFunc;

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

3. Fonctions et méthodes couramment utilisées pour les opérations sur les tableaux

toString() : Convertit le tableau en chaîne
toLocaleString() : Convertit le tableau en chaîne
join() : Convertit le tableau en une chaîne symboliquement connectée
shift () : Déplace un élément hors de la tête du tableau
unshift() : Insérer un élément en tête du tableau
pop() : Supprimer un élément de la queue du tableau
push() : Ajouter un élément À la fin du tableau
concat() : ajoute des éléments au tableau
slice() : renvoie une partie du tableau
reverse() : trie le tableau à l'envers
sort() : trie les array
splice() : Insérer, supprimer ou remplacer un élément du tableau