Objet Tableau JavaScript

Concepts de base des tableaux JavaScript

Un tableau est une collection de valeurs, c'est-à-dire qu'il peut être considéré comme plusieurs variables représentées par une variable totale. Le tableau contient 0 ou plusieurs éléments du tableau.

Créer un tableau

Utilisez le mot-clé new en JavaScript pour créer un tableau La syntaxe est la suivante :

// Créer un tableau vide. :
new Array()
// Créer un tableau de num éléments :
new Array(num)
// Créer un tableau avec élément valeurs directement :
new Array(element0,element1,element2...)

Explication : Array(3) signifie créer un tableau avec 3 éléments, mais en fait le tableau Le nombre d'éléments est toujours variable. Voici des exemples couramment utilisés de création de tableaux :

var array_1 = new Array();
array_1[0] = 'a';
array_1[1] = 10.5;
array_1[2] = true;

var array_2 = new Array(3)
array_2[0] = {x:10, y:15};
array_2[1] = document . getElementById("article");
array_2[2] = new Array();

var array_3 = new Array('a',10.5,true);

Les éléments d'un tableau sont comme des variables et peuvent être tout ce que JavaScript prend en charge, ou même un tableau, comme le montre l'exemple ci-dessus.

JavaScript prend également en charge la déclaration invisible pour créer un tableau :

var array_4 = ['a',10.5,true]

Mais il convient de noter que array_4 et array_3 ne sont pas égaux, alert(array_3==array_4) affichera false.

Opérations sur les éléments du tableau

Lire les éléments La valeur Le tableau

contient plusieurs éléments du tableau. L'accès aux éléments du tableau se fait via des indices. Notez que les indices commencent à compter à partir de 0 :

var array_3 = new Array('. a',10.5,true);
alert( array_3[1] ); // Sortie : 10.5

Modifier la valeur de l'élément

var array_3 = new Array('a',10.5,true);
array_3[1] = 20; / Attribuer une nouvelle valeur à l'élément
alert( array_3[1] ); // Sortie : 20

Ajouter un élément

JavaScript prend en charge l'ajout de nouveaux éléments directement après le tableau en utilisant le nouvel indice :

var array_3 = new Array('a',10.5,true);
array_3[ 3] = 'new value'; // Attribuer une nouvelle valeur à l'élément
alert( array_3[3] ); // Sortie de la fenêtre d'invite contextuelle : 20

Ajouter plus éléments du tableau Pour les méthodes, vous pouvez également vous référer à :

Méthode JavaScript push : Ajouter un ou plusieurs éléments à la fin du tableau

Méthode JavaScript unshift : Ajouter un ou plusieurs éléments au début du tableau

Méthode d'épissage JavaScript : insérer, supprimer ou remplacer des éléments d'un tableau

Supprimer des éléments

Pour supprimer des éléments d'un tableau, veuillez vous référer à ce qui suit :

Méthode JavaScript pop : Ajouter un ou plusieurs éléments à la fin du tableau

Méthode JavaScript shift : Ajouter un ou plusieurs éléments au début du tableau

Méthode d'épissage JavaScript : insérer, supprimer ou remplacer l'élément du tableau

Astuce : attribuer un élément du tableau à null ne peut qu'effacer la valeur de l'élément mais ne peut pas supprimer l'élément.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
Array.prototype.myUcase=function(){
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var array_1 = new Array(); array_1[0] = new Array('a','b','c','f'); document.write(array_1); </script> </head> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Objet Tableau JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]