JavaScript-Aray

5871 ワード

var arr=new Array()を使用することを推奨しないで、このような方法では、var arr=[1,2,3,true,'abc',new date()]; JSの配列長は固定されておらず、いつでも要素の追加と削除が可能である.
  • psh:配列の最後に要素を追加し、戻り値は配列の新しい長さ
  • である.
    var arr=[1,2,3];
    var result=arr.push(1,2,3);
    // [1,2,3,1,2,3]
    
  • pop:配列の最後から一つの要素を除去し、戻り値は除去された要素
  • である.
    var arr=[1,2,3];
    var result=arr.pop();
    // [1,2]
    
  • shift:頭部から一つの要素を除去し、除去された要素
  • に戻ります.
    var arr=[1,2,3];
    var result=arr.shift();
    // [2,3]
    
  • unshift:頭から複数の要素を挿入し、戻り値は配列の長さ
  • である.
    var arr=[1,2,3];
    var result=arr.unshift('a','b');
    // ['a','b',1,2,3]
    
  • splice:代替要素を切り取り、切り取られた要素
  • を返す. p 1:開始位置p 2:切り取り個数p 3および以降を示す:置換の新しい要素を表す.
    var arr=[1,2,3,4,5];
    var result=arr.splice(1,2,'a');
    // [1,'a',4,5]
    
  • slice:切り取り内容を返す
  • p 1 p 2:左閉右開区間
    var arr=[1,2,3,4,5];
    var result=arr.slice(1,3);
    // [1,2,3,4,5]
    // result:2,3
    
  • concat:統合配列は、結合された配列
  • を返します.
    var arr1=[1,2,3,4,5];
    var arr2=['a','b','c'];
    var result=arr1.concat(arr2);
    // result:1,2,3,4,5,a,b,c
    
  • join:各要素間にコンテンツを追加する
  • var arr=[1,2,3,4,5];
    var result=arr.join('-');
    // result:1-2-3-4-5
    
  • sort:正序並び替え
  • var arr=[1,2,5,6,3];
    arr.sort();
    // [1,2,3,5,6]
    
    しかし、彼は文字列で並べられています.
    var arr=[1,2,5,10,3];
    arr.sort();
    // [1,10,2,3,5]
    
    サイズで並べ替える場合
    //      
    var arr=[1,2,5,10,3];
    arr.sort(compare);
    alert(arr);
    function compare(value1,value2){
    if (value1value2){
        return 1;
      }else{
        return 0;
      }
    }
    // 1,2,3,5,10
    
    //      
    var arr=[1,2,5,10,3];
    arr.sort(compare);
    alert(arr);
    function compare(value1,value2){
    if (value1value2){
        return -1;
      }else{
        return 0;
      }
    }
    // 10,5,3,2,1
    
  • reverse:配列を逆にする
  • var arr=[1,2,3,4,5];
    arr.reverse();
    // [5,4,3,2,1]
    
  • indexOf:指定された要素位置を検索して、配列内の下付き
  • に戻ります.stringObject.indexOf(searchvalue,fromindex)は、左からstringObject.lastIndexOf(searchvalue,fromindex)を開始し、右から開始する.
    パラメータ
    説明
    search value
    必要です.検索する文字列の値を指定します.
    froomindex
    任意の整数パラメータです.文字列で検索を開始する位置を指定します.その合法的な採値は0からstingObject.length-1までです.このパラメータを省略すると、文字列の先頭文字から検索が開始されます.
  • every:指定された関数を用いて配列内のすべての要素を検出する方法.
  • 配列内の要素が満たされていないことが検出された場合、表現全体はfalseに戻り、残りの要素は再検出されない.
  • すべての要素が条件を満たす場合、trueに戻ります.
  • array.every(function(value,index,array), thisValue)パラメータ
    説明
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    thisValue
    オプション.オブジェクトはこのコールバックとして使用され、関数に伝達され、「this」の値として使用されます.this Valueを省略すると、「this」の値は「undefined」です.
    var arr=[1,2,3,4,5,6,7,8,9];
    var result=arr.every(function (value, index, array) {
      return value>2;
    })
    alert(result);
    // result:false
    
  • filter:新しい配列を作成します.新しい配列の要素は指定された配列の中の条件に合致するすべての要素をチェックすることによって
  • です.
    注意:filter()は空配列を検出しません.array.filter(function(value, index, array), thisValue)パラメータ
    説明
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    thisValue
    オプション.オブジェクトはこのコールバックとして使用され、関数に伝達され、「this」の値として使用されます.this Valueを省略すると、「this」の値は「undefined」です.
    は、条件を満たすすべての要素を含む配列を返します.条件に該当する要素がない場合は、空の配列を返します.
    var arr=[1,2,3,4,5,6,7,8,9];
    var result=arr.filter(function (value, index, array) {
      return value<2;
    })
    alert(result);
    // result:1
    
  • some:配列内の要素が指定条件(関数提供)を満たしているかどうかを検出するための
  • some()メソッドは、配列の各要素を順次実行します.
  • 要素が条件を満たすと表現はtrueに戻り、残りの要素は検出されない.
  • 条件を満たす要素がない場合、falseを返します.array.some(function(value, index, array), thisValue)
  • パラメータ
    説明
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    thisValue
    オプション.オブジェクトはこのコールバックとして使用され、関数に伝達され、「this」の値として使用されます.this Valueを省略すると、「this」の値は「undefined」です.
    var arr=[1,2,3,4];
    var result=arr.some(function (value, index, array) {
      return value<2;
    })
    alert(result);
    // result:true,false,false,false
    
  • forEach:配列の各要素を呼び出し、要素をコールバック関数
  • に伝達する方法.
    注意:forEach()は、空の配列に対しては、コールバック関数を実行しません.array.forEach(function(value,index,array), thisValue)パラメータ
    説明
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    thisValue
    オプション.オブジェクトはこのコールバックとして使用され、関数に伝達され、「this」の値として使用されます.this Valueを省略すると、「this」の値は「undefined」です.
    var arr=[1,2,3,4,5,6,7,8,9];
    arr.forEach(function (value, index, array) {
      alert(value);
    })
    
    戻り値:undefined
  • map:元の配列要素順に要素
  • を処理する.array.map(function(value, index, array), thisValue)パラメータ
    説明
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    thisValue
    オプション.オブジェクトはこのコールバックとして使用され、関数に伝達され、「this」の値として使用されます.this Valueを省略すると、「this」の値は「undefined」です.
    var arr=[1,2,3,4];
    var result=arr.map(function (value, index, array) {
      return value+1;
    })
    alert(result);
    // resultl:2,3,4,5
    
    新しい配列を返します.配列の要素は元の配列要素の関数処理後の値を呼び出します.
  • reduce:1つの関数をアキュムレータとして受信し、配列内の各値(左から右へ)が縮小され、最終的には1つの値
  • として計算される.
    reduceRight()は右から左へarray.reduce(function(total, value, index, array), initialValue)パラメータ
    説明
    talk
    必要です.初期値、または計算終了後の戻り値
    value
    必要です.現在の要素の値
    index
    オプション.現在の要素の索引値
    array
    オプション.現在の要素が属する配列オブジェクト
    initial Value
    オプション.関数に渡す初期値
    var arr=[1,2,3,4];
    var result=arr.reduce(function (total, value, index, array) {
      return total+value;
    })
    alert(result);
    // result:10