JavaScript配列タイプArayに関する属性と方法

32964 ワード
JavaScript javascript
Aray配列タイプの詳細
ECMAScriptでは、Objectタイプ以外に、Aray配列が最も一般的なタイプです.ECMAScript配列は、各項目に任意の種類の値を格納することができ、配列の長さを指定する必要がなく、データの成長とともに配列の長さを増加させることもできます.これらは他の言語の配列とは異なります.
1.配列の作成方法
配列文字数方式
var arr = [1,2,3,4,5];//
配列構造関数
var arr = new Array(1,2,3,4,5);//     Array
2.検出配列
  • instance ofオペレータは、グローバル環境において、オブジェクトが配列であるかどうかを検出することができますが、ページに複数のフレームが存在する場合、2つ以上のグローバル環境が存在します.この方法には問題があります.console.log(arr instanceof Array); // true
  • Aray.isAray()方法は上記の問題を解決し、オブジェクトが配列であるかどうかを迅速に検出することができる.console.log(Array.isArray(arr)); // true
    • 3.変換方法
  • は、toString()の方法を使用して、配列を文字列に戻すことができる.
    • var arr = [1,2,3,4];
console.log(arr.toString()); // 1,2,3,4
  • toLocale String()方法も
    • を実現することができます.
    var arr = [1,2,3,4];
console.log(arr.toLocaleString()); // 1,2,3,4
    4.スタック方法
    ECMAScriptは配列のために他の言語配列に似た方法(スタック方法)を提供しています.スタックはデータ構造です.
  • push()メソッドは、配列の最後に要素を追加することができる
  • pop()メソッドは最後の項目(一回は一つしか削除できません)を末尾に削除します.
    •  var arr = [1,2,3,4];
 arr.push(5,6,7);  //      5,6,7
 console.log(arr);  //  [1,2,3,4,5,6,7]
 arr.pop();  //       
 console.log(arr);  //  [1,2,3,4,5,6]
    5.キューの方法
    列の方法は先入先出を重んじ、リストの末尾に項目を追加し、項目を削除し始める.
  • psh()方法は最後に一つまたは複数の項目を追加すると述べました.
  • shift()メソッドの先頭から
    • を削除します.
     var arr = [1,2,3,4];
 arr.push(5,6,7);  //      5,6,7
 console.log(arr);  //  [1,2,3,4,5,6,7]
 arr.shift();  //      
 console.log(arr);  //  [2,3,4,5,6,7]
  • pop()メソッド削除の最後の項目
  • unshift()メソッドは、最初に1つまたは複数の要素
    • を追加する.
    var arr = [1,2,3,4];
arr.unshift(5,6,7);  //      5,6,7
console.log(arr);  //  [1,2,3,4,5,6,7]
arr.pop();  //       
console.log(arr);  //  [5,6,7,1,2,3]
    6.並べ替え方法
  • 逆転配列変更順序
    • var arr = [1,2,3,4,5];
arr.reverse();
console.log(arr);  //  [5,4,3,2,1]
  • sort()方法は文字列を比較し、一つの文字列を比較し、数値が小さいのは前の方で
    • です.
    var arr = [1,6,13,40,15];
arr.sort();
console.log(arr);  //  [1, 13, 15, 40, 6]
    7.操作方法
  • concat()方法は、現在の配列に基づいてコピーを作成し、新しいオブジェクトを後に追加し、新しい配列concat()を返す方法は、元の配列に影響を与えない.
    •  var arr = [1,6,13,40,15];
 var arr2 = arr.concat(2,2,2);
 console.log(arr);  //  [1, 6, 13, 40, 15]
 console.log(arr2);  //  [1, 6, 13, 40, 15,2,2,2]
  • slice()方法は、1つまたは2つのパラメータを受け入れることができ、最初のパラメータは開始位置を表し、2番目は終了位置を表し、slice()方法は開始位置から終了位置までの配列slice()方法は元の配列に影響を与えない.
    •  var arr = [1,6,13,40,15];
 var arr2 = arr.slice(2);
 var arr3 = arr.slice(1,3);
 console.log(arr);  //  [1,6,13,40,15]
 console.log(arr2);  //  [13, 40, 15]
 console.log(arr3);  //  [6, 13]
  • splice()の方法は配列の中で一番強い方法だと思います.彼は3つのパラメータ、最初のパラメータの開始位置、2番目のパラメータの削除項目、3番目のパラメータの追加または置換の対象に入ることができます.SPlice()法を利用して配列を削除したり、追加したり、置き換えたりすることができます.この方法は元の配列に影響を与えます.
    • var arr = [1,2,3,4,5];//     
var arr2 = arr.splice(1,3); //     1    3 
console.log(arr);  //  [1,5]               
console.log(arr2);  //  [2,3,4]            

    var arr = [1,2,3,4,5]; //   
var arr2 = arr.splice(1,0,2,2);//    1    2,2    
console.log(arr);  //  [1,2,2,2,3,4,5]
console.log(arr2);  //  []                 

    var arr = [1,2,3,4,5];  //   
var arr2 = arr.splice(1,2,2,2);  //    1            2,2
console.log(arr);  //  [1,2,2,4,5]
console.log(arr2);  //  [2,3]
    8.位置方法
    配列位置の検索方法は、2つのパラメータを受信することができます.検索する項目と、開始項目の位置のインデックスを検索することができます.indexOf()は行ってから探します.lastIndexOf()は後から探します.
     var arr = [1,2,3,4,5];
 console.log(arr.indexOf(2));  //1        
 console.log(arr.indexOf(2,3));  //-1    3       ，    2  -1
 console.log(arr.lastIndexOf(2,3));  //1    3
    9.反復方法
    ECMAScript 5は、配列に対して5つの反復方法を提供しており、各方法には2つのパラメータがあり、各項目で実行する関数と(オプション)はこの関数の作用領域オブジェクトを実行します.これらの方法に入ってきた関数は、3つのモジュラス、index、arrayを受け入れる.配列項目の値、配列オブジェクトの位置、配列オブジェクト自体.
  • evry()関数が与えられた後、各関数がtrueに戻るとtrueに戻ります.
    • var arr = [1,2,3,4,5];
var arr2 = arr.every(function(item,index,array){
     
    return item > 3;
});
console.log(arr2);  // false
  • filter()は関数を与えた後、trueのエントリからなる行列を返します.
    •  var arr = [1,2,3,4,5];
 var arr2 = arr.filter(function(item,index,array){
     
    return item > 3;
 });
 console.log(arr2);  // 4,5   4,5
  • forEach()関数が与えられた後、この方法は戻り値がありません.本質的にはforサイクルと同じです.
    var arr = [1,2,3,4,5];
arr.forEach(function(item,index,array){
     
    console.log(item); // 1,2,3,4,5
});
console.log(arr);  // [1,2,3,4,5]
  • map()は、関数が与えられた後、各関数が呼び出した結果からなる行列を返します.
    • var arr = [1,2,3,4,5];
var arr2 = arr.map(function(item,index,array){
     
    return item * 2;
});
console.log(arr2);  // [2,4,6,8,10]
  • some()関数が与えられた後、この関数のいずれかがtrueに戻ると、trueに戻ります.
    •  var arr = [1,2,3,4,5];
 var arr2 = arr.some(function(item,index,array){
     
     return item > 4;
 });
 console.log(arr2);  // true  5>4  true
    10.縮小方法
    ECMAScript 5は2つの縮小配列の方法を追加しました.reduce()とreduceRight().この二つの方法はすべての項目を繰り返して配列します.reduce()は最初から最後までの反復で、reduceRight()は逆です.これらの2つの方法は、縮小ベースの初期値として、実行する関数および(オプション)を受信することができる.実行関数は、4つのパラメータ(prev、cur、index、array)に入ることができます.前の値、現在の値、配列オブジェクトインデックス、配列オブジェクト自体です.
    var arr = [1,2,3,4,5];
var arr2 = arr.reduce(function(prev,cur,index,array){
     
    return prev * cur;
});
console.log(arr2);  // 120
    JS文法入門