recherche

Maison >interface Web >js tutoriel >Programmation Web JavaScript------connaissances liées aux tableaux

Programmation Web JavaScript------connaissances liées aux tableaux

黄舟
黄舟original
2016-12-30 16:49:021603parcourir

1. La longueur des tableaux en Js peut augmenter automatiquement

2 La fonction des tableaux en Js est équivalente à la combinaison de tableaux et de collections en Java

3. [3,2,-4,78,10];//Correct, notez que Java utilise des accolades pour attribuer des valeurs initiales, tandis que Js utilise des crochets

var arr[]=[3 ,2,- 4,78,10];//Faux, ne peut pas être déclaré comme arr[]---- ne peut pas être déclaré avec des crochets

4 Parcourez le tableau

5. peut stocker des données de différents types de données 

<script type="text/javascript">
        //数组定义的方式1: 定义时直接赋初值
        var arr =[12,34,2,-3,90,12];
        //alert(typeof(arr)); //object
        //alert("len:"+arr.length);
        //遍历数组
        for(var x=0;x<arr.length;x++){
        	document.write("arr["+x+"]="+ arr[x]+" ");
        }
        document.write("<br/>");
        
        arr[0]=-1000;
        arr[7]=666;//数组可以自动增长，且arr[6]没有赋值则是undefined
        for(var x=0;x<arr.length;x++){
        	document.write("arr["+x+"]="+ arr[x]+" ");
        }
        document.write("<br/>");
        
        var arr2=[];
        //alert(arr2.length);//0
        arr2[1]=10;
        for(var x=0;x<arr2.length;x++){
        	document.write("arr2["+x+"]="+ arr2[x]+" ");
        }
        document.write("<br/>");
        
        //※※错误的声明方式--数组
        //int[] arr3 ={1,2,3};
        //var[] arr3 = [1,2,3];//错的，[]代表的是数组类型，而js中，所有数据类型只有一个var声明，不存在“var[]”这种类型
        
        var arr4=[1,2,3,100];
        arr4[0]="abc";
        arr4[1]=true;
        for(var x=0;x<arr4.length;x++){
        	document.write("arr4["+x+"]="+ arr4[x]+" ");
        }
        document.write("<br/>");
        
        //※※综上,js数组的两个特点：
        //1,长度是可变的
        //2,元素的类型是任意的
     </script>

Remarque : C'est grammaticalement possible car il a les caractéristiques d'une collection, et différents types de données peuvent lui être attribués. Bien que ce soit le cas, lorsque nous réalisons des projets, il est préférable de stocker le même type de données dans un tableau.

6. Une autre façon de définir des tableaux en JS : utiliser l'objet Array en JS

Remarque : Lors de la définition d'un tableau avec un objet Array, lorsque le paramètre est 1, il fait référence à la longueur du tableau; S'il est supérieur à 1, c'est directement la valeur initiale de l'élément dans le tableau

var arr2 = new Array(5); //Définir un tableau d'une longueur de 5-- --Lorsque le paramètre est 1, la longueur est

var arr3 = new Array(5, 6, 7); //Lorsque le paramètre est supérieur à 1, c'est la valeur initiale de l'élément
7. Méthodes dans l'objet Array dans Js

1) méthode concat : renvoie un nouveau tableau, qui est une combinaison de deux tableaux ou plus.

2) méthode join : renvoie une valeur de chaîne qui contient tous les éléments des tableaux connectés entre eux, les éléments étant séparés par le délimiteur spécifié.

3) méthode reverse : renvoie un objet Array avec l'ordre des éléments inversé.

4) méthode shift : supprime le premier élément du tableau et renvoie l'élément. -----removeFirst()

5) méthode slice (Array) : renvoie un segment d'un tableau. -----Similaire à substring() dans String

6) méthode de tri : renvoie un objet Array dont les éléments ont été triés.

7) méthode d'épissure : Remplacer. Supprime un ou plusieurs éléments d'un tableau, insère un nouvel élément à sa place si nécessaire et renvoie les éléments supprimés.

8) Méthode unshift : Insère l'élément spécifié au début du tableau. La valeur de retour est la longueur du nouveau tableau ----addFirst()
Exemple :

<html>
  <head>
    <title>Array对象使用方法演示</title>
  </head>
  
  <body>
    <script type="text/javascript" src="out.js">
    </script>
   <script type="text/javascript">
     var arr=["aaa","bbb","ccc","ddd"];
     println(arr);
     var arr2=["111","222","333","okok"];
     var newArr = arr.concat(arr2);
     println(newArr);
     
     println(newArr.join("-"));
     
     println("<hr/>");
     
     //pop() :  移除数组中的最后一个元素并返回该元素。
     println( newArr.pop() );
     println(newArr);
     //push() : 将新元素添加到一个数组中，并返回数组的新长度值。
     arr.push("x1","x2");
     println(arr);
     //arr.push("y1",arr2,"z1");//注意1，arr2在arr当中是一个元素---即arr变成二维数组。注意2，push方法会改变原来的数组。arr长度为：9
     arr=arr.concat("y1",arr2,"z1");//注意1，该方法会把数组arr2当中的每个元素取出来，分别添加到arr当中---arr还是一维数组。注意2，concat方法不会改变原来的数组，连接结果以新数组的形式返回。旧arr的长度还是6，新arr的长度是12
     println(arr);
     println(arr.length);
     
     arr.sort();
     println(arr);
     
     arr.splice(1, 3, "u1","u2","u3","u4","u5");//从1位置开始，删掉3个元素，并且在删除的位置插入:"u1","u2","u3","u4","u5"
     println(arr);
     
     //※※※做栈和队列的提示
     //unshift---addFirst  concat--addLast()  shift---removeFirst()  pop---removeLast()
     //Array.prototype.addFirst=unshift;
   
   </script>
    
    <script type="text/javascript" src="arraytools.js">
    </script>
    <script type="text/javascript">
       var arr=["aaa","bbb","ccc","ddd"];
       var max = arr.getMax();
       println(max);
       println(arr);
       
    </script>
  </body>
</html>
Outils utilisés


arraytools.js

//给原型对象添加一个getMax()方法
Array.prototype.getMax = function() {
	var temp=0;
	for(var x=1;x<this.length;x++){
		if(this[x]>this[temp]){
			temp = x;
		}
	}
	return this[temp];
};
Array.prototype.toString = function() {
	return "["+this.join("")+"]";
};
out.js

function println(param){
	document.write(param+"<br/>");
}
function print(param){
	document.write(param);
}
Ce qui précède est le contenu de la programmation Web JavaScript------connaissances liées aux tableaux. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !


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：Programmation web JavaScript------fonctions (fonctions générales, fonctions dynamiques, fonctions anonymes)Article suivant：Programmation web JavaScript------fonctions (fonctions générales, fonctions dynamiques, fonctions anonymes)

Articles Liés

Voir plus