Maison  >  Article  >  interface Web  >  Que signifie le tableau Javascript ?

Que signifie le tableau Javascript ?

青灯夜游
青灯夜游original
2021-07-21 19:06:522506parcourir

En Javascript, un tableau fait référence à une collection de données ordonnées. Chaque membre du tableau est appelé un élément, et le nom (clé) de chaque élément est appelé l'indice du tableau (Index) ; . , lisible et inscriptible.

Que signifie le tableau Javascript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Un tableau JavaScript (Array) est une collection de données ordonnées. Chaque membre du tableau est appelé un élément (Element) et le nom (clé) de chaque élément est appelé l'index du tableau (Index). La longueur du tableau est flexible, lisible et inscriptible.

Array L'objet Array est un objet intégré de JS, qui peut utiliser une variable pour stocker une série de valeurs de types identiques ou différents, où chaque valeur stockée est appelée un élément de tableau.

Création d'un tableau JS

Vous devez créer un objet Array avant d'utiliser l'objet Array pour stocker des données. Il existe de nombreuses façons de créer des objets Array. Deux méthodes courantes sont répertoriées ci-dessous.

  • Méthode 1 : nom de l'objet du tableau var = [élément 1, élément 2,..., élément n] ;

  • Méthode 2 : nom de l'objet du tableau var = new Array(élément 1, élément 2,.. ., élément n) );

La première méthode est une méthode de création de tableau plus simple, tandis que la deuxième méthode est une méthode de création de tableau plus formelle. Les deux méthodes de création renvoient des objets tableau nouvellement créés et initialisés. Elles initialisent toutes deux le tableau avec la valeur spécifiée par le paramètre. Le nombre d'éléments (également appelé longueur du tableau) est le nombre de paramètres. Les effets de ces deux méthodes sont généralement les mêmes, mais comme la première méthode est plus concise, elle est la plus couramment utilisée dans les applications pratiques.

Exemple de création de tableau :

var hobbies1 = ["旅游","运动","音乐"];
var hobbies2 = new Array("旅游","运动","音乐");

L'exemple de code ci-dessus crée deux objets tableau contenant 3 éléments. Ils sont complètement équivalents, mais la première ligne de code est plus concise.

Il est à noter que les deux méthodes de création de tableaux ci-dessus sont généralement tout à fait équivalentes, sauf dans le cas où il n'y a qu'un seul paramètre de type numérique. Parce qu'à l'heure actuelle, lors de l'utilisation de la première méthode de création, cela signifie qu'un tableau contenant un seul élément est créé, et la valeur de l'élément est égale au paramètre numérique lors de l'utilisation de la deuxième méthode de création, cela signifie qu'un tableau avec ; une longueur égale au paramètre de type numérique est créée. Tableau, par exemple :

var arr = [3]; //创建了一个只有一个元素的数组,元素值为3
var arr = new Array(3);//创建了一个有3个元素的数组,3个元素值均为undefined

Référence de l'élément du tableau JS

Chaque élément stocké dans le tableau a un index de position (également appelé indice). 0 et se termine par la longueur du tableau -1, c'est-à-dire que l'index du premier élément est 0 et l'index du dernier élément est la longueur du tableau - 1.

Lorsque vous référencez des éléments d'un tableau, vous pouvez utiliser le nom et l'indice du tableau. Le format de référence est le suivant :

数组名[元素下标]

Par exemple : les 3 éléments d'un tableau nommé arr contenant 3 éléments peuvent être passés respectivement : arr[0], arr [1] et arr[2] à référence.

Accès au tableau JS

Il existe deux façons d'accéder au tableau :

  • La première consiste à accéder directement au nom du tableau, auquel cas toutes les valeurs des éléments stockées dans le tableau seront renvoyées. Par exemple, alert(hobbies1), après l'exécution de cette instruction, toutes les valeurs d'éléments stockées dans le tableau hobbies1 créé ci-dessus seront affichées dans la boîte de dialogue d'avertissement : voyage, sports, musique

  • Deuxièmement, utilisez le tableau plus indice auquel accéder, cela renverra la valeur de l'élément du tableau correspondant à l'indice du tableau. Par exemple : alert(hobbies1[1]), une fois cette instruction exécutée, "Motion" sera affiché dans la boîte de dialogue d'avertissement.

JS traverse des tableaux (boucles for in et forEach)

JS Il existe de nombreuses façons de parcourir des tableaux (tableaux de boucles), vous pouvez utiliser la boucle for traditionnelle, vous pouvez également utiliser la boucle for in mise à niveau, vous peut également utiliser la méthode forEach() de type Array ; si vous souhaitez parcourir les noms de clés de l'objet, vous pouvez également utiliser la méthode keys().

1. Utilisez for et for in pour parcourir des tableaux

Les instructions for et for/in peuvent parcourir des tableaux. L'instruction for doit être implémentée avec l'attribut length et l'indice de tableau, et l'efficacité d'exécution n'est pas aussi élevée que l'instruction for/in. De plus, les instructions for/in ignorent les éléments vides.

Pour les tableaux très longs, il est recommandé d'utiliser les instructions for/in pour l'itération.

Exemple 1

L'exemple suivant utilise l'instruction for pour parcourir un tableau et filtrer tous les éléments numériques.

var a = [1, 2, ,,,,,,true,,,,,,, "a",,,,,,,,,,,,,,,4,,,,,56,,,,,,"b"];  //定义数组
var b = [], num = 0;
for (var i = 0; i < a.length; i ++) {  //遍历数组
    if (typeof a[i] == "number")  //如果为数字,则返回该元素的值
        b.push(a[i]);
    num ++;  //计数器
}
console.log(num);  //返回42,说明循环了42次
console.log(b);  //返回[1,2,4,56]

Exemple 2

Le code suivant utilise une instruction for/in pour parcourir le tableau a dans l'exemple 1. Dans la structure de boucle for/in, la variable i représente l'indice du tableau et a[i] est la valeur de l'élément à partir de laquelle l'indice spécifié peut être lu.

var b = [], num = 0;
for (var i in a) {  //遍历数组
    if(typeof a[i] == "number")  //如果为数字,则返回该元素的值
        b.push(a[i]);
    num ++;  //计数器
}
console.log(num);   //返回7,说明循环了7次
console.log(b);  //返回[1,2,4,56]

Comme vous pouvez le voir sur le minuteur, l'instruction for/in parcourt le tableau et ne boucle que 7 fois, tandis que l'instruction for boucle 42 fois.

2. Utilisez forEach pour parcourir le tableau

Le type Array définit la méthode prototype forEach() pour chaque tableau, qui peut être utilisée pour effectuer des opérations d'itération pour le tableau. La description spécifique est la suivante :

array.forEach(callbackfn[, thisArg]);

La description du paramètre est la suivante :

  • array : un objet tableau.

  • callbackfn : paramètre obligatoire, une fonction pouvant recevoir jusqu'à trois paramètres. forEach appellera la fonction callbackfn une fois pour chaque élément du tableau.

  • thisArg : Paramètre facultatif, l'objet qui peut être référencé par this dans la fonction callbackfn. Si thisArg est omis, la valeur de this n'est pas définie.

对于数组中出现的每个元素,forEach 方法都会调用 callbackfn 函数一次,采用升序索引顺序,但不会为数组中空元素调用回调函数。

除了数组对象之外,forEach 方法还可以用于有 length 属性且具有已按数字编制索引的属性名的任何对象,如关联数组对象、Arguments 等。

回调函数语法如下:

funtion callbackfn(value, index, array);

最多可以使用三个参数来声明回调函数。回调函数的参数说明如下。

  • value:数组元素的值。

  • index:数组元素的数字索引。

  • array:包含该元素的数组对象。

forEach 方法不直接修改原始数组,但回调函数可能会修改它。

示例

下面示例使用 forEach 迭代数组 a,然后把每个元素的值和下标索引输出显示,代码如下:

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = [&#39;a&#39;, &#39;b&#39;, &#39;c&#39;];
a.forEach(f);

演示结果如下:

Que signifie le tableau Javascript ?

【推荐学习: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