Comment utiliser les objets Array en JavaScript-js tutoriel-php.cn

Comment utiliser les objets Array en JavaScript

不言

Libérer： 2021-04-20 14:30:25

original

2989 Les gens l'ont consulté

Comment utiliser l'objet Comment utiliser les objets Array en JavaScript en JavaScript : créez d'abord un fichier de code ; puis utilisez new pour créer un objet tableau ; enfin utilisez l'objet Comment utiliser les objets Array en JavaScript pour traiter le tableau.

Comment utiliser les objets Array en JavaScript

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

L'objet tableau de JavaScript est également l'une des fonctions intégrées de JavaScript. L'objet Comment utiliser les objets Array en JavaScript est utilisé pour traiter les tableaux. Lorsque nous utilisons l'objet Comment utiliser les objets Array en JavaScript, nous devons d'abord créer un objet tableau avec new.

Nous avons déjà présenté comment créer une fonction intégrée dans cet article Comment utiliser l'objet chaîne en JavaScript, nous allons donc le créer directement avec nouvel objet An Comment utiliser les objets Array en JavaScript

var family= new Comment utiliser les objets Array en JavaScript（）;

Copier après la connexion

Ensuite, regardons un exemple spécifique

Le code est le suivant

Ajouter "Tom", "Jerry ", "Soucy" " et utilisez console.log pour appeler le débogage.

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var family= new Comment utiliser les objets Array en JavaScript("Tom", "Jerry", "Soucy");
      console.log(family);
    </script>
  </body>
</html>

Copier après la connexion

L'effet de l'opération est le suivant

Comment utiliser les objets Comment utiliser les objets Array en JavaScript en JavaScript

Jetons ensuite un coup d'œil aux propriétés et aux méthodes de l'objet Comment utiliser les objets Array en JavaScript

Propriété 1 .longueur (obtenir la longueur du tableau)

Le code est le suivant

<script>
      var family= new Comment utiliser les objets Array en JavaScript("Tom", "Jerry", "Soucy");
      console.log(family.length);
    </script>

Copier après la connexion

L'effet d'exécution est le suivant

Comment utiliser les objets Array en JavaScript

Il y a trois éléments Tom, Jerry et Soucy dans le tableau familial, il est donc affiché comme 3.

À propos de la longueur et des attributs

Remplacez le nombre d'éléments dans l'attribut de longueur de l'arrangement. Si le nombre d'éléments après substitution est inférieur au nombre d'éléments avant substitution, les éléments le seront également. être supprimé.

Cette fois, l'attribut de longueur de l'arrangement de "Taro", "Jiro" et "Saburo" remplace ""Taro", "Jiro" par 2.

Alors veuillez expliquer chacun code.

La valeur initiale est la suivante

En attribuant le nombre d'éléments à la propriété length du tableau, si le nombre d'éléments après affectation est inférieur au nombre d'éléments avant. remplacement, l'élément sera supprimé. 🎜>À ce moment, ["Tom", "Jerry", "Soucy"] définit l'attribut length du tableau à 2, et le tableau devient ["Tom", "Jerry"] . > Expliquons

La valeur initiale est la suivante

La longueur du tableau familial avec un élément de 3 est fixée à 2

var family = [&#39;Tom&#39;, &#39;Jerry&#39;, &#39;Soucy&#39;];

Copier après la connexion

A ce moment, le tableau Un élément de la famille sera supprimé, et le code pour afficher le tableau est le suivant. A ce moment, la valeur du tableau est ['Tom', 'Jerry']. 🎜>C'est le code pour afficher l'indice de l'élément du tableau à ce moment

family.length = 2;

Copier après la connexion

Le résultat de l'affichage est 0, 1.

 console.log(family)

Copier après la connexion

Affichez la valeur actuelle. le code pour la longueur du tableau est le suivant

Le résultat d'affichage est 2 Comment utiliser les objets Array en JavaScript

console.log(Object.keys(family));

Copier après la connexion

Essayons d'obtenir le premier élément

Nous écrivons le code comme suit

Comment utiliser les objets Array en JavaScript

Cependant, comme la syntaxe est différente, une erreur se produira et le résultat suivant sera affiché

console.log（family.length）;

Copier après la connexion

Voici l'affichage. Le code de syntaxe correct actuel pour le deuxième élément (indice 1) est le suivant

Comment utiliser les objets Array en JavaScript

Le code de l'élément 1, qui est le nombre obtenu par. décrémenter la propriété length de la famille de tableaux de 1.

Le résultat d'exécution est le même que ci-dessus

console.log(family.1);

Copier après la connexion

Méthodes de l'objet Comment utiliser les objets Array en JavaScript

Méthode 1. slice() (obtenir les éléments du tableau)

console.log(family[1]);

Copier après la connexion

Dans la méthode slice(), vous pouvez spécifier l'indice suivant pour rechercher l'élément spécifié élément

Comment utiliser les objets Array en JavaScript (L'indice numérote les éléments du tableau, en commençant de 0 et en allant jusqu'à n...) Lorsque

récupère l'élément, il doit être entre ( ) précise l'indice de la position de départ et l'indice de la position de fin si aucune plage spécifique n'est spécifiée, le dernier élément sera récupéré à partir du premier élément

console.log(family[family.length - 1]);

Copier après la connexion

Regardons un exemple spécifique

Le. les résultats en cours sont les suivants Comment utiliser les objets Array en JavaScript

Comment utiliser les objets Array en JavaScript

slice(0,2)指的是从下标为0的元素开始到下标为2的元素前，所以运行结果是"Tom", "Jerry"。

还有需要知道的是：

如果slice（0），则显示"Tom", "Jerry", "Soucy"

如果slice（0,1），则显示"Tom"

如果slice（1），则显示"Jerry", "Soucy"

如果slice（1,2），则显示"Jerry"

如果slice（2），则显示"Soucy"

方法2. reverse()（翻转元素顺序）

代码如下

<script>
      var family= new Comment utiliser les objets Array en JavaScript("Tom", "Jerry", "Soucy");
      console.log(family.reverse());
    </script>

Copier après la connexion

运行结果如下：顺序翻转了过来

Comment utiliser les objets Array en JavaScript

方法3. push()（在末尾添加新元素）

在push()中，您可以在数组末尾添加一个新元素，并在添加后获取元素数。

代码如下

<script>
  var family= new Comment utiliser les objets Array en JavaScript("Tom", "Jerry", "Soucy");
  console.log(family.push("Marry", "Cindy"));
</script>

Copier après la connexion

运行效果如下

Comment utiliser les objets Array en JavaScript