Heim > Web-Frontend > js-Tutorial > JavaScript-Webprogrammierung ------ Array-bezogene Kenntnisse

JavaScript-Webprogrammierung ------ Array-bezogene Kenntnisse

黄舟
Freigeben: 2016-12-30 16:49:02
Original
1593 Leute haben es durchsucht

1. Die Länge von Arrays in Js kann automatisch wachsen

2 Die Funktion von Arrays in Js entspricht der Kombination von Arrays und Sammlungen in Java

3 [3,2,-4,78,10];//Richtig, beachten Sie, dass Java geschweifte Klammern verwendet, um Anfangswerte zuzuweisen, während Js eckige Klammern verwendet

var arr[]=[3 ,2,- 4,78,10];//Falsch, kann nicht als arr[]---- kann nicht mit eckigen Klammern deklariert werden

4 Durchlaufen Sie das Array

5 kann Daten verschiedener Datentypen speichern

<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>
Nach dem Login kopieren

Hinweis: Syntaktisch ist dies möglich, da es die Eigenschaften einer Sammlung aufweist und ihr verschiedene Datentypen zugeordnet werden können. Obwohl dies der Fall ist, ist es bei der Durchführung von Projekten am besten, denselben Datentyp in einem Array zu speichern.

6. Eine andere Möglichkeit, Arrays in JS zu definieren: Verwenden Sie das Array-Objekt in JS

Hinweis: Wenn Sie ein Array mit einem Array-Objekt definieren, bezieht sich der Parameter auf die Länge des Arrays; Wenn es größer als 1 ist, ist es direkt der Anfangswert des Elements im Array

var arr2 = new Array(5); // Definiere ein Array mit einer Länge von 5-- --Wenn der Parameter 1 ist, ist die Länge

var arr3 = new Array(5, 6, 7); //Wenn der Parameter größer als 1 ist, ist es der Anfangswert des Elements

7. Methoden im Array-Objekt in Js

1 ) concat-Methode: Gibt ein neues Array zurück, das eine Kombination aus zwei oder mehr Arrays ist.

2) Join-Methode: Gibt einen String-Wert zurück, der alle miteinander verbundenen Elemente der Arrays enthält, wobei die Elemente durch das angegebene Trennzeichen getrennt sind.

3) Umkehrmethode: Gibt ein Array-Objekt mit umgekehrter Reihenfolge der Elemente zurück.

4) Verschiebungsmethode: Entfernen Sie das erste Element im Array und geben Sie das Element zurück. -----removeFirst()

5) Slice-Methode (Array): Gibt ein Segment eines Arrays zurück. -----Ähnlich wie substring() in String

6) Sortiermethode: Gibt ein Array-Objekt zurück, dessen Elemente sortiert wurden.

7) Spleißmethode: Ersetzen. Entfernt ein oder mehrere Elemente aus einem Array, fügt bei Bedarf ein neues Element an seiner Stelle ein und gibt die entfernten Elemente zurück.

8) Unshift-Methode: Füge das angegebene Element am Anfang des Arrays ein. Der Rückgabewert ist die Länge des neuen Arrays----addFirst()
Beispiel:

<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>
Nach dem Login kopieren

Verwendete Tools

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("")+"]";
};
Nach dem Login kopieren

out.js

function println(param){
	document.write(param+"<br/>");
}
function print(param){
	document.write(param);
}
Nach dem Login kopieren

Das Obige ist der Inhalt der JavaScript-Webprogrammierung ------ Array-bezogenes Wissen. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php. cn)!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage