Maison >interface Web >js tutoriel >Comment définir un tableau en js ? Résumé de la définition et des exemples de fonctionnement des tableaux en js

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

不言
不言original
2018-07-20 17:34:4719060parcourir

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>

2. tableau comme suit :

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

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>

2 : Utilisez la méthode push() ;

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

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

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

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>

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>

3.

 <script>
    var arr = ["A", "B", "C", "D"];
    arr[2] = "E";
    console.log(arr); </script>

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>

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>

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>

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>

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>

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>

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>

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>

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!

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