Maison > interface Web > js tutoriel > le corps du texte

Comment définir un tableau en js ? Résumé de la définition et des exemples de fonctionnement des tableaux en js

不言
Libérer: 2018-07-20 17:34:47
original
19028 Les gens l'ont consulté

Quelles sont les manières de définir des tableaux et des opérations sur les tableaux en js ? Il existe deux façons de définir des tableaux en js : définir des tableaux littéralement et utiliser le mot-clé new pour définir des tableaux. Les opérations des tableaux en js incluent l'ajout d'éléments de tableau, la suppression d'éléments de tableau, la modification d'éléments de tableau et le parcours d'éléments de tableau. à ceux-ci en détail.

1. Définition du tableau js

1. La définition littérale du tableau est la suivante :

<script>
    var arr = (1,2,3,[4,5,6],{}); //其中数组元素可以是number,string,object
    console.log(arr);//在控制台输出数组</script>
Copier après la connexion

2. tableau comme suit :

<script>var arr = new Array[1,2,3,[4,5,6],{}];
console.log(arr);
Copier après la connexion

3. Remarque :

Lorsque vous utilisez new pour définir un tableau, s'il est défini comme : var arr = new Array(n); la longueur du tableau est n Tableau, s'il est vide, cela signifie qu'un tableau vide est défini.

2. Opérations sur les tableaux js

1. Ajoutez des éléments de tableau comme suit :

Méthode 1 :

<script>
    var arr = [1,2,3,4,"A"];
    arr[5] = "M"; //如果为数组元素赋值的索引i大于数组长度,则添加数组元素后的数组长度为 i+1
    console.log(arr);</script>
Copier après la connexion

2 : Utilisez la méthode push() ;

<script>
    var arr = [1,2,3,4,"A"];
    arr.push("BB","cc");//在数组元素的后面添加,可以追加多个元素,
    console.log(arr);</script>
Copier après la connexion

Méthode 3 : Utilisez la méthode unshift()

<script>
    var arr = [1,2,3,4,"A"];
    arr.unshift("BB","cc");//在数组元素的前面添加,可以追加多个元素,
    console.log(arr);</script>
Copier après la connexion

2. Supprimez les éléments du tableau :

Méthode 1 : Utilisez la méthode pop() pour supprimer le dernier élément du tableau ;

<script>
    var arr = ["A", "B", "C", "D"];
    arr.pop(); //删除最后一个元素,没有参数,每次只能删除一个
    console.log(arr);</script>
Copier après la connexion

Méthode 2 : Utilisez la méthode shift() pour supprimer le premier élément

<script>
    var arr = ["A", "B", "C", "D"];
    arr.shift(); //删除第一个数组元素,没有参数,每次只能删除一个
    console.log(arr); </script>
Copier après la connexion

3.

 <script>
    var arr = ["A", "B", "C", "D"];
    arr[2] = "E";
    console.log(arr); </script>
Copier après la connexion

4. Traverser un tableau unidimensionnel

<script>
    var arr = ["A", "B", "C", "D"];
    console.log(arr.length);    for(var i = 0; i<arr.length;i++){
        console.log(arr[i]);
    }</script>
Copier après la connexion

5. Traverser un tableau bidimensionnel

   <script>
        var arr = [
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9]
        ]        for(var i = 0;i<arr.length;i++){ //先遍历arr
            for(var j = 0;j<arr[i].length;j++){ //遍历arr元素中的数组元素
                console.log(arr[i][j]);
            }
        }    </script>
Copier après la connexion

3. arrays

1. join() : connectez les éléments du tableau à l'aide d'un symbole pour former une chaîne

 <script>    
 var arr = ["A","B","C","D"]    var a = arr.join("*")    console.log( a);    
 var a = arr.join("+")    console.log( a);    var a = arr.join("-")    console.log( a);    
 var a = arr.join("/")    console.log(a);    console.log(typeof a);
</script>
Copier après la connexion

2. Inversez l'ordre ;

  <script>
      var arr = ["A","B","C","D"]      
      var a = arr.reverse();  //倒置数组顺序
      for(var i = 0; i< arr.length; i++) //遍历数组
      {
        console.log(a[i]);
      }      
    </script>
Copier après la connexion

3. concat() : divisez plusieurs tableaux en un seul tableau, le tableau multidimensionnel ne sera pas étendu

 <script>
     var arr = ["A","B","C","D"];     
     var arr1 = ["A","B","C","D"];     
     var arr2 = ["A","B","C","D"];     
     var arr3 = ["A","B","C","D" ,[1,2,3]];     
     var a = arr.concat(arr1,arr2,arr3) //concat将多个数组拼接成一个数组,其中的多维数组是不会展开的 
     console.log(a);
     console.log(typeof a)  
    </script>
Copier après la connexion

4. Triez les éléments du tableau de petit à grand selon ASCII

 <script>
       var arr = ["d","AbC","AaC","D",1,8,6];       
       var a = arr.sort(); //sort是单个字符比较 例如AbD和AaC 先比较第一个字母,在比较第二个字母,第二个字母那个小就排在前面,之后就不比较后面的字母大小了
       console.log(a);    </script>
Copier après la connexion

5. slice() : interceptez les éléments du tableau

   <script>
         var arr = ["A","B","C","D"];         
         var a = arr.slice(1,3); //截取的元素包括开始截取的元素,但是不包括最后截取的元素
         console.log(a);         
         var a = arr.slice(1); //只写一个则表示截取到最后一个元素
         console.log(a);    </script>
Copier après la connexion

6. convertir le tableau Convertir en type chaîne

<script>
      var arr = ["A","B","C","D"];      
      var a = arr.toString();
      console.log(a);
      console.log(typeof a);    
 </script>
Copier après la connexion

Recommandations associées :

Définition des tableaux et des opérations en JavaScript jQuery et opérations sur les tableaux jquery

Jquery Exemple de code pour faire fonctionner les tableaux js et les objets_jquery

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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!