Javascriptの配列と配列の方法

4017 ワード

1.配列の長さ
var a=new Array();//a.length=0

a=new Array(10);//a.length=10

a=new Array(1,2);//a.length=2

a=[4,5];//a.length=2

a[5]=-1;//a.length=6,       (0,1,5)

a[49]=0;a.length=50;       (0,1,5,49)

2.配列のアクセス
var a=[];

a=[{"1":"3"}];

alert(a[0][1]);//3

3.ジョイン方法
1つの配列のすべての要素を文字列に変換してから彼らを接続します.接続記号が指定されていない場合はデフォルトでは'接続'です.
var a = [1, 2, 3, 4, [5, 6]];

alert(a.join(","));//1,2,3,4,5,6

4.逆転方法
配列要素の順序を逆さまにして、逆さまにした配列を返します.新しい配列を作成しません.
var a = [1, 2, 3, 4, [5, 6]];

alert(a.reverse().join(","));//5,6,4,3,2,1

5.ソトの方法
配列要素を配列上で並べ替え、並べ替えられた配列を返します.
デフォルトの並べ替え規則はアルファベット順に並べ替えられています.配列内に定義されていない数字があると、これらの要素は配列の最後に配置されます.
カスタム順序付けが必要な場合は、2つのパラメータがあります.
最初のパラメータが2番目のパラメータの前にある場合:
この関数の最後の戻り値は0より小さくなります.
最初のパラメータが2番目のパラメータの後にある場合:
この関数の最後の戻り値は0より大きいです.
0に等しい場合は、デフォルトの並べ替えです.
オブジェクトの並べ替えはどう書きますか?
  var arr = [];

    arr.push({ id: "  9", sort: "9" });

    arr.push({ id: "  1", sort: "1" });

    arr.push({ id: "  1.1", sort: "1" });

    arr.push({ id: "  8", sort: "8" });

    arr.push({ id: "  6", sort: "6" });

    arr.push({ id: "  4", sort: "4" });

    arr.push({ id: "  3", sort: "3" });





    function ArraySort() {

        arr.sort(function (a, b) {

            return a.sort - b.sort;

        })

        $("#result").append("ID        <br/>");

        for (var i = 0; i < arr.length; i++) {

            $("#result").append(arr[i].id + "<br/>");

        }

    }

    function ReArraySort() {

        arr.sort(function (a, b) {

            return b.sort - a.sort;

        })

        $("#result").append("ID        <br/>");

        for (var i = 0; i < arr.length; i++) {

            $("#result").append(arr[i].id + "<br/>");

        }

    }

    $(function () {

        $("#result").append("     <br/>");

        for (var i = 0; i < arr.length; i++) {

            $("#result").append(arr[i].id + "<br/>");

        }



    })

それぞれAraySortとRearySortを実行した結果、
     

  9

  1

  1.1

  8

  6

  4

  3

ID        

  1

  1.1

  3

  4

  6

  8

  9

ID        

  9

  8

  6

  4

  3

  1

  1.1

6.Concat方法
新しい配列を作成して戻すことができます.この配列は元の配列を含み、その後はcontactのパラメータです.パラメータが配列であれば、パラメータは展開され、元の配列の末尾に一つ一つ追加されます.注意する数concatは配列のパラメータに分割できません.
var a = [1, 2, 3, 4];

alert(a.concat(5, 6).join());//1,2,3,4,5,6

alert(a.join());//1,2,3,4

a.concat([5,6,[7,8]]);//1,2,3,4,5,6,[7,8]

元の配列は不変です
7.slice()方法
指定された数のセグメントを返します.
彼の2つのパラメータは、リターン配列の開始点を指定しています.
最初のパラメータは、指定された配列の開始要素(0から始まる)の2番目のパラメータは、指定された配列の終了インデックスであり、インデックスの要素は含まれていません.2番目のパラメータがない場合は、指定された配列のすべての配列に戻ります.
パラメータが負の場合、インデックスは配列の最後の要素に対して、インデックスは-1から始まり、および-1までの配列の最後の要素です.
var a = [0, 1, 2, 3, 4, 5, 6, 7];

alert(a.slice(2, 3).join());//2

alert(a.slice(-4).join());//4,5,6,7

alert(a.slice(-4, -3));//4

元の配列は不変です
8.splice方法
配列要素を挿入または削除する一般的な方法で、彼は元の配列で配列を変更します.
spliceの最初のパラメータは、挿入または削除する要素の配列内の位置を指定します.
2番目のパラメータは、元の配列から削除する個数を指定します.2番目のパラメータが省略されている場合は、開始要素から配列の最後までのすべての要素が削除されます.
この方法は削除された要素配列に値を返します.削除されていない場合は[]に戻ります.
spliceの2番目のパラメータの後のすべてのパラメータは、1番目のパラメータで指定された位置の後、2番目のパラメータで削除された個数を指定した後、ここに追加された要素です.
var a = [0, 1, 2, 3, 4, 5, 6, 7];

alert(a.splice(2, 3).join());//2,3,4

alert(a.join());//0,1,5,6,7

alert(a.splice(2, 0, "a", "b"));// 

alert(a.join());//0,1,a,b,5,6,7

alert(a.splice(2, 1, "c", "d"))//a

alert(a.join());//0,1,b,c,d,5,6,7

  
9.pushとpop
一つは配列に要素を追加することです.一つは配列の最後の要素を削除することです.
10.unshiftとshiftの方法
pushとpopは似ています.配列の開始位置に追加または削除するだけです.