Maison >interface Web >js tutoriel >Comment utiliser les objets Array en JavaScript

Comment utiliser les objets Array en JavaScript

不言original: 2018-12-13 14:40:392992parcourir

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.

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（）;

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>

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>

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;];

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;

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

 console.log(family)

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));

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）;

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);

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]);

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]);

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>

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

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>

运行效果如下

Comment utiliser les objets Array en JavaScript

元素个数从3增加到了5，如果要显示增加的元素，可以再输入以下代码

console.log(family)

运行结果如下

Comment utiliser les objets Array en 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!

JavaScript String Array Length console 对象 taro

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

Article précédent：Comment trouver une sous-chaîne spécifiée dans une chaîne en jsArticle suivant：Comment trouver une sous-chaîne spécifiée dans une chaîne en js

Articles Liés

Voir plus