Maison  >  Article  >  interface Web  >  Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

青灯夜游
青灯夜游original
2021-08-17 12:14:342724parcourir

Dans l'article précédent "JS Array Learning : 4 façons d'effacer tous les éléments (explication détaillée du code) ", nous avons supprimé tous les éléments du tableau, c'est-à-dire 4 façons d'effacer le tableau. Poursuivons l'étude des tableaux JavaScript. Parlons de la création et de l'accès à des tableaux unidimensionnels et à deux dimensions, et développons la simple discussion des tableaux multidimensionnels.

Tout d’abord, examinons comment les tableaux unidimensionnels sont créés et accessibles.

Création et accès à des tableaux unidimensionnels

Il existe deux façons de créer des tableaux unidimensionnels : "quantité directe du tableau" et "Fonction Array()".

1. Tableau littéral "[]"[]

1)我们可以直接使用“[]”来给一个变量赋值,“[]”中可以是空的,那么就是定义空数组:

var a = [];  //空数组

使用数组的length属性来获取数组长度,返回值会为0。

console.log(a.length);

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

此时我们可以使用 数组名[下标]=值 的形式给空数组赋值

a[0]=1;
a[1]="hello";

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

数组下标不仅仅可以是数字,也可以为文本字符串,那么此时数组就是一个关联数组

a["姓名"]="张三";
a["年龄"]=23;

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

如果数组的下标值超出范围,如负数、浮点数、布尔值、对象或其他值,JavaScript 会自动把它转换为一个字符串,并定义为关联数组。

2)也可以直接定义数组并初始化

直接在“[]”中包含多个值列表,值之间用逗号分隔即可。

var a = [1, 2, 3];  //包含具体元素的数组

使用数组的length属性来获取数组长度,返回值就是具体定义的数组元素数目。

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

2、使用new Array()构造数组

1)如果直接调用 Array() 函数,不传递参数,可以创建一个空数组。

var a = new Array();  //空数组

使用数组的length属性来获取数组长度,返回值会为0。

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

2)如果调用Array() 函数时,传递多个值(值之间用逗号分隔),可以创建一个实数组。

var a = new Array(1,2,3);

3)如果调用Array() 函数时,只传递一个数值参数,那么就表示只定义了数组的长度,即包含元素的个数;数组元素为空,每个元素的值默认值为 undefined。(数组中元素值没有定义,在语法上两个逗号之间没有任何值的元素,被称为空位元素)

var a = new Array(3);

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

像这种包含一个或多个空位元素的数组,也被称为空位数组。

var a = [1, , 2];
var a = [1, 2, 3];
delete a[1];

也可产生空位元素,形成空位数组。

3、访问数组

访问数组就是访问数组元素。我们可以使用 数组名[下标表达式]

1)

Nous pouvons directement utiliser "[]" pour attribuer une valeur à un variable , "[]" peut être vide, puis définissez un tableau vide :

delete a[1]

Utilisez l'attribut length du tableau pour obtenir la longueur du tableau, et la valeur de retour sera 0.

var a = [];  //空数组
a[0]=1;
a[2]="hello";

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

A ce moment, nous pouvons utiliser le formulaire

array name[subscript]=value

pour attribuer une valeur au tableau vide
Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

console.log(a[0]);  //读取第一个元素,返回值为1
console.log(a[1]);  //读取第二个元素,返回值为undefined
console.log(a[2]);  //读取第三个元素,返回值为hello

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

L'indice du tableau peut être non seulement un nombre, mais aussi un texte chaîne, alors ceci Le tableau est un tableau associatif
var a = [];
a[0,0] = 1;
a[0,1] = 2;
a[1,0] = 3;
a[1,1] = 4;

4. png

Si la valeur d'indice du tableau est hors plage, comme un nombre négatif, un nombre à virgule flottante, une valeur booléenne, un objet ou une autre valeur, JavaScript la convertira automatiquement en chaîne et définissez-la comme un tableau associatif.

2)Vous pouvez également définir et initialiser directement le tableau
Contenir plusieurs listes de valeurs directement dans "[]", et séparer les valeurs par virgules.

var a = [  //定义二维数组
    [1.1, 1.2],
    [2.1, 2.2]
];
Utilisez la propriété length du tableau pour obtenir la longueur du tableau. La valeur de retour est le nombre spécifiquement défini d'éléments du tableau.

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

2. Utilisez

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnelsnew Array() pour construire un tableau

🎜🎜🎜🎜1)🎜Si vous appelez la fonction Array() directement sans passer de paramètres, vous pouvez créer un tableau vide. 🎜
var a = new Array(
[1.1, 1.2],
[2.1, 2.2]);  //定义二维数组
🎜Utilisez la propriété length du tableau pour obtenir la longueur du tableau, et la valeur de retour sera 0. 🎜🎜Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels🎜🎜🎜 2)🎜Si vous passez plusieurs valeurs (séparées par des virgules) lors de l'appel de la fonction Array(), vous pouvez créer un vrai tableau. 🎜
数组名[下标表达式1] [下标表达式2]

数组名[下标表达式1] [下标表达式2] [下标表达式3]

...

数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]
🎜🎜3)🎜Si vous ne passez qu'un seul paramètre numérique lors de l'appel de la fonction Array(), cela signifie que seule la longueur du tableau est définie, c'est-à-dire le nombre d'éléments qu'il contient ; et la valeur de chaque élément est la valeur par défaut qui n'est pas définie. (Les valeurs des éléments dans le tableau ne sont pas définies et, grammaticalement, il n'y a aucune valeur entre les deux virgules, ce qu'on appelle un élément d'espacement) 🎜rrreee🎜Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels🎜🎜Un tableau comme celui-ci contenant un ou plusieurs éléments d'espacement est également appelé tableau d'espacement. 🎜
rrreeerrreee🎜 peut également générer des éléments d'espacement pour former un tableau d'espacement. 🎜
🎜🎜🎜3. Accéder à un tableau🎜🎜🎜🎜Accéder à un tableau signifie accéder aux éléments du tableau. Nous pouvons utiliser la forme 🎜nom du tableau [expression d'indice]🎜 pour accéder, lire et écrire le tableau. 🎜🎜Remarque : Une expression en indice est une expression dont la valeur est un entier non négatif. 🎜🎜Par exemple, le 🎜rrreee🎜 ci-dessus utilise le mot-clé delete pour supprimer l'élément avec l'indice 1 dans le tableau a (c'est-à-dire supprimer le deuxième élément). 🎜🎜 Aussi : 🎜rrreee🎜 consiste à attribuer des valeurs aux éléments avec les indices 0 et 2 dans le tableau a respectivement. Si la valeur de l'élément avec l'indice 1 n'est pas attribuée, elle sera indéfinie. Lorsque nous voulons afficher les éléments de tableau spécifiés, nous pouvons également utiliser ce formulaire🎜rrreee🎜🎜🎜🎜🎜Création et accès à des tableaux bidimensionnels🎜🎜🎜JavaScript ne prend pas directement en charge les tableaux bidimensionnels, mais vous pouvez définir la valeur de l'élément du tableau doit être égal au tableau , afin que la structure d'un tableau bidimensionnel puisse être simulée. 🎜🎜🎜🎜1. Définir un tableau à deux dimensions 🎜🎜🎜🎜🎜 Méthode 1 de définition d'un tableau à deux dimensions : 🎜🎜rrreee🎜🎜Méthode 2 de définition d'un tableau à deux dimensions : 🎜🎜rrreee🎜🎜🎜

定义二维数组的方法3:

var a = new Array(
[1.1, 1.2],
[2.1, 2.2]);  //定义二维数组

Apprentissage des tableaux JS : création et accès à des tableaux unidimensionnels et bidimensionnels

按照这种思想,如果二维数组中每个元素的值也为数组,则可以模拟三维数组,以此类推,通过数组嵌套的形式可以定义多维数组。

2、访问二维数组

访问二维数组甚至三维数组、多维数组的方法,和访问一维数组的方法一样,都是使用中括号进行访问:

数组名[下标表达式1] [下标表达式2]

数组名[下标表达式1] [下标表达式2] [下标表达式3]

...

数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]

更高维度的数组以此类推。

好了,就说到这里了,有需要的可以看:javascript高级教程

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn