ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript Webプログラミング-----配列関連の知識

JavaScript Webプログラミング-----配列関連の知識

黄舟オリジナル: 2016-12-30 16:49:021604ブラウズ

1. Js の配列の長さは自動的に増加します

2. Js の配列の関数は、Java の配列とコレクションの組み合わせに相当します

3. var arr=[3,2,-4,78 , 10];//正解、Java では初期値の割り当てに中括弧が使用されますが、Js では角括弧が使用されることに注意してください

var arr[]=[3,2,-4,78,10];//間違い、はい、できませんarr[] として宣言できます

4. 配列のトラバース

5. JS の配列は異なるデータ型のデータを格納できます

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

注: 文法的には可能です。コレクションの特性を持ち、さまざまなタイプのデータを割り当てることができます。これは事実ですが、プロジェクトを実行するときは、同じ種類のデータを配列に格納するのが最善です。

6. JS で配列を定義する別の方法: JS で Array オブジェクトを使用します

注: Array オブジェクトを使用して配列を定義する場合、パラメーターが 1 の場合は配列の長さを参照します。 1 より大きい場合は、直接配列です。

var arr2 = new Array(5) //長さ 5 の配列を定義します。パラメータが 1 の場合、長さは次のようになります。

var arr3 = new Array(5, 6, 7); //パラメータが 1 より大きい場合、要素の初期値になります

7. Js の Array オブジェクトのメソッド

1) concat メソッド: 2 つ以上の配列を組み合わせた新しい配列を返します。

2) join メソッド: 指定された区切り文字で区切られた、結合された配列のすべての要素を含む文字列値を返します。

3) reverse メソッド: 要素の順序を逆にした Array オブジェクトを返します。

4) シフトメソッド: 配列の最初の要素を削除し、その要素を返します。 -----removeFirst()

5) スライスメソッド (配列): 配列のセグメントを返します。 -----String の substring() と同様

6) sort メソッド: 要素がソートされた Array オブジェクトを返します。

7) スプライス方法: 交換します。配列から 1 つ以上の要素を削除し、必要に応じてその場所に新しい要素を挿入し、削除された要素を返します。

8) unshift メソッド: 指定された要素を配列の先頭に挿入します。戻り値は新しい配列の長さです---addFirst()
例:

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

それに使用されるツール

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

上記はJavaScript Webプログラミングです-- --- -配列関連の知識コンテンツ。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript Web プログラミング-----関数 (一般関数、動的関数、匿名関数)次の記事：JavaScript Web プログラミング-----関数 (一般関数、動的関数、匿名関数)

続きを見る

JavaScript Webプログラミング-----配列関連の知識

関連記事