Maison > interface Web > js tutoriel > 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

青灯夜游
Libérer: 2021-08-17 12:15:59
original
2789 Les gens l'ont consulté

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 = [];  //空数组
Copier après la connexion

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

console.log(a.length);
Copier après la connexion

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

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

a[0]=1;
a[1]="hello";
Copier après la connexion

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

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

a["姓名"]="张三";
a["年龄"]=23;
Copier après la connexion

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

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

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

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

var a = [1, 2, 3];  //包含具体元素的数组
Copier après la connexion

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

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

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

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

var a = new Array();  //空数组
Copier après la connexion

使用数组的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);
Copier après la connexion

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

var a = new Array(3);
Copier après la connexion

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

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

var a = [1, , 2];
Copier après la connexion
var a = [1, 2, 3];
delete a[1];
Copier après la connexion

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

3、访问数组

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

1)

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

delete a[1]
Copier après la connexion

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";
Copier après la connexion

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
Copier après la connexion

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;
Copier après la connexion

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]
];
Copier après la connexion
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]);  //定义二维数组
Copier après la connexion
Copier après la connexion
🎜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]
Copier après la connexion
Copier après la connexion
🎜🎜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]);  //定义二维数组
Copier après la connexion
Copier après la connexion

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

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

2、访问二维数组

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

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

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

...

数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]
Copier après la connexion
Copier après la connexion

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

好了,就说到这里了,有需要的可以看: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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal