JavaScript内蔵オブジェクトのArayの使用

10509 ワード

JavaScript オブジェクトを内蔵 Aray

配列の作成方法:
1.字面量：
数値を置くと、データです。


var arr = [6];

2.コンストラクタ：
一つのデータを置く場合、長さまたはデータの個数を表し、undefinedを空にします。


var arr = new Array(6);

提案：Arayは構造関数として挙動が非常に不一致である。したがって、新しい配列を生成するためには、それを使用することを推奨しないで、直接的に配列の字面量を使用するのが良いです。
配列の操作:
1.push（）;
配列の端に1つ以上の要素を追加し、新しい要素を追加した配列長を返します。
この方法は元の配列を変えます。


var arr = [1,2,3];
  console.log(arr.push("hello")); //4
  console.log(arr);        //[1,2,3,"hello"]---     
  console.log(arr.push("a","b")); //6
  console.log(arr);        //[1,2,3,"hello","a","b"]---

2.pop()
配列の最後の要素を削除し、要素を返します。対空配列はポップメソッドを使用して、エラーなくundefinedに戻ります。
この方法は元の配列を変えます。


var arr = [1,2,3];
  console.log(arr.pop());   //3
  console.log(arr);      //[1,2] →

3.concat（）;
行列を結合します。
この方法は元の配列を変えないことに注意してください。


var arr1 = [1,2,3]
  var arr2 = arr1.concat();
  console.log(arr1);      //[1,2,3]→→   
  console.log(arr1 === arr2); //false
  console.log(arr2);      //[1,2,3]→→      
  console.log(arr1.concat("hello","world"));
  //[1,2,3,"hello","world"]
  console.log(arr1.concat(["a","b"],[[3,4],{"name":"admin"}]));  
  //[1,2,3,"a","b",[3,4],{"name":"admin"}]
  console.log(arr1);      //[1,2,3]→→

4.shift()
配列の最初の要素を削除し、要素を返します。
この方法は元の配列を変えます。


var arr = [1,2,3]
  console.log(arr.shift());    //1
  console.log(arr);        //[2,3]→→

5.unshift()
配列の最初の位置に要素を追加し、新しい要素を追加した配列長を返します。
この方法は元の配列を変えます。


var arr = [1,2,3];
  console.log(arr.unshift("hello")); //4
  console.log(arr);          //["hello",1,2,3]→→     
  console.log(arr.unshift("a","b")); //6
  console.log(arr);          //["a","b","hello",1,2,3]→→

6.slice（）;
ターゲット配列の一部をコピーするために、新しい配列を返します。
この方法は元の配列を変えないことに注意してください。
sliceメソッドのパラメータが負数であれば、逆数で計算される位置を表します。最初のパラメータが配列長に等しい場合、または2番目のパラメータが最初のパラメータより小さい場合は、空の配列を返します。


var arr = ["a","b","c","d","e"];
  console.log(arr.slice(1,3));    //["b","c"]
  console.log(arr.slice(1));     //["b","c","d","e"]
  console.log(arr.slice(-4,-1));   //["b","c","d"]
  console.log(arr.slice(-2));     //["d","e"]
  console.log(arr.slice(1,-2));    //["b","c"]
  console.log(arr);          //["Tom","Jack","Lucy","Lily","May"]→→

7.splice（）;
元の配列の一部のメンバを削除し、削除された位置に新しい配列メンバーを追加することができます。戻り値は削除された要素です。
この方法は元の配列を変えることに注意してください。
開始位置が負の場合は、逆数から削除することを示します。
①人参を渡さない場合：操作なし；


var arr = ["a","b","c","d","e"];
  console.log(arr.splice()); //[]
  console.log(arr);      //["a","b","c","d","e"]→→

②startにのみ着信：インデックスがstartであることを示すデータから削除し始め、配列が終了するまで。


var arr = ["a","b","c","d","e"];  
  console.log(arr.splice(2));   //["c", "d", "e"]
  console.log(arr);        //["a", "b"]→→

③startとnumに入る：インデックスがstartとなったデータから削除し、num個を削除することを示す。


var arr = ["a","b","c","d","e"];   
  console.log(arr.splice(2,2));  //["c", "d"]
  console.log(arr);        //["a", "b", "e"]→→

④より多くの着信：インデックスがstartであることを示すデータから削除し、num個を削除し、三つ目のパラメータと後ろのすべてのパラメータをstartの位置に挿入する。


var arr = ["a","b","c","d","e"];  
  console.log(arr.splice(2,2,"f","g")); //["c", "d"]
  console.log(arr);           //["a", "c", "f", "g", "e"]---

8.逆転（）
配列要素を逆さまにして、変更された配列を返します。
この方法は元の配列を変更することに注意してください。


var arr = [a,b,c];
  console.log(arr.reverse());   //[c,b,a]
  console.log(arr);        //[c,b,a]→→

9.sort（）;
配列のメンバーを並べ替えます。デフォルトでは辞書順に並べ替えられます。並べ替え後、元の配列が変更されます。
注意：sortの方法は大きさによって並べ替えるのではなくて、辞書の順序によってです。つまり、数値は先に文字列に変換されて、辞書の順序によって比較されます。例えば、121は13の前にあります。ソトメソッドをカスタマイズして並べ替えたいなら、パラメータとして関数を入力できます。


[10111,1101,111].sort(function(a,b){
return a - b;   //   
// return b - a; //   
})  // [111,1101,10111]

10.join（）;
指定されたパラメータをセパレータとして使用して、すべての配列メンバーを1つの文字列に接続して返します。パラメータが提供されていない場合、デフォルトはコンマで区切られます。
この方法は元の配列を変えないことに注意してください。
配列メンバーがundefinedまたはnullまたは空席であれば、空の文字列に変換されます。


 var arr = [a,b,c];
  console.log(arr.join());     // a,b,c
  console.log(arr.join("*"));   // a*b*c
  console.log(arr);        //[1,2,3]→→

11 for-in（）
ループに似ていますが、for-innはインデックスのないセットを遍歴してもいいし、列挙にもなります。

for(var i in arr)iは下付きです。

for(var i in obj)iは属性名です。

追加:
pushとpopを組み合わせて使用して、「後進先出」というスタック構造を構成しています。
pushとshiftを組み合わせて使うと、「先进先出」という行列構造ができます。
実例


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
    /*
     *
     * Array.isArray(  )---->           
     * instanceof   
     * .concat(  ,  ,  ,...)         
     * .every(  )--        ,        ,        ,          ，         ,           (  )
     *                    ,       true
     *
     * .filter(  );                    ,         
     *
     * .push( );--->        ,     ---                
     * .pop();--->           ,           
     * .shift();--->          ,           
     * .unshift();--->                   ,----          
     * .forEach(  )  ---     ---   for  
     * .indexOf(   );      ,    -1
     * .join("   ");----         
     * .map(  );--->                ,                      
     * .reverse();----->    
     * .sort();---   ,     ,     ,  MDN         
     * .arr.slice(     ,     );                 ,                
     * .splice(     ,      ,       );             ,       ,       
     *
     *
     * */
    //    
    //  var arr1=new Array();
    //  //      
    //  var arr2=[];


    //         :  
    //1  instanceof
    //  var obj=[];
    //  console.log(obj instanceof Array);//false
    //
    //  //2      
    //  console.log(Array.isArray(obj));//


    //  var arr=["a","b","c"];
    //  var newArr=Array.from(arr);
    //  console.log(newArr);

    //  var arr1=[10,20,30];
    //  var arr2=[40,50,60];
    //  console.log(arr1.concat(arr2));

    //  var arr=[1000,2000,3000];
    //  //a----:     
    //  //b----:     
    //  //c----:        ,  c   ---->arr
    //  var flag= arr.every(function (a,b) {
    //   //console.log(a+"==="+b+"===="+c);
    //   return a>2000;//              2000   ,     true
    //  });


    //  var arr=["   lkko","   674","   bd","   a"];
    //  var flag=arr.every(function (ele,index) {
    //   //                4
    //   return ele.length>4;
    //  });


    //console.log(flag);


    //  var arr=[10,20,30,40,50,60,70,80];
    //  var newArr=arr.filter(function (ele) {//ele---    
    //   return ele>40;
    //  });
    //  console.log(newArr);

    //  var arr=[10,0,20,0,40,0,60,100];
    //  var newArr=arr.filter(function (ele) {
    //   return ele!=0;
    //  });
    //  console.log(newArr);

    //  var arr=[10,20,30,40,50];
    //  var result=arr.unshift(100);
    //  console.log(result);
    //  console.log(arr);
    //
    //  var arr = [10, 20, 30, 40];
    //  arr.forEach(function (ele,index) {
    //   console.log(ele+'======'+index);
    //  });

    //  var arr=[10,20,30,40];
    //  var index=arr.indexOf(300);
    //  console.log(index);


    //  var arr=["  ","  ","  ","  ","  ","  "];
    //  var str=arr.join("|");
    //  console.log(str);


    //  var numbers = [1, 4, 9];
    //  var roots = numbers.map(Math.sqrt);
    //  console.log(roots);


    //  var arr=[10,20,30,40,50];
    //  arr.reverse();//  
    //  console.log(arr);


    //  var arr=[1,40,20,10,100];
    //  //a---arr[j]
    //  //b---arr[j+1]
    //  arr.sort(function (a,b) {
    //   if(a>b){
    //    return 1;
    //   }else if(a==b){
    //    return 0;
    //   }else{
    //    return -1;
    //   }
    //  });
    //  console.log(arr);


    //
    //  var arr=[10,20,30,40,50,60,70,80,90,100];
    //  var newArr= arr.slice(3,7);
    //  console.log(newArr);


    var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];

    // myFish.splice(2, 0, 'drum'); //     2     'drum'

    // myFish    ["angel", "clown", "drum", "mandarin", "sturgeon"]

    myFish.splice(2, 1); //     2       （   'drum'   ）

    console.log(myFish);
    // myFish    ["angel", "clown", "mandarin", "sturgeon"]

  </script>
</head>
<body>

</body>
</html>

ここでは、JavaScriptに内蔵されているオブジェクトのArayの使用についての記事を紹介します。JavaScriptに内蔵されているオブジェクトのArayの内容については、以前の記事を検索したり、下記の関連記事を見たりしてください。これからもよろしくお願いします。

ES 5新規配列の実現方法

Javaによる双色球抽選ランダムアルゴリズムの例