詳細なJavaScript配列、収集することをお勧めします

1アレイ

1.1配列の概念

  • 配列は、関連するデータのグループを一緒に格納し、便利なアクセス(取得)メソッドを提供できます。

  • 配列は、データのコレクションを参照します。それぞれのデータ要素と呼ばれ、あらゆる種類の要素を配列に格納できます配列は、一連のデータを単一の変数名で格納するための洗練された方法です。

// 普通变量一次只能存储一个值 
var  num = 10;  
// 数组一次可以存储多个值
var arr = [1,2,3,4,5]; 

 

 

1.2配列を作成する

JSで配列を作成するには2つの方法があります。

  • newを使用して配列を作成する 

    var 数组名 = new Array() ;
    var arr = new Array();   // 创建一个新的空数组

     

    配列()、Aは大文字にする必要があることに注意してください   

  • 配列リテラルを使用して配列を作成する

    //1. 使用数组字面量方式创建空的数组
    var  数组名 = [];
    //2. 使用数组字面量方式创建带初始值的数组
    var  数组名 = ['小白','小黑','大黄','瑞奇'];

     

    1. 配列のリテラルは角括弧[]です

    2. 配列の宣言と値の割り当ては、配列の初期化と呼ばれます

    3. このリテラルメソッドは、今後最も使用するメソッドでもあります

  • 配列要素のタイプ

    文字列、数値、ブール値など、あらゆるタイプのデータを配列に格納できます。

    var arrStus = ['小白',12,true,28.9];

     

1.3配列の要素を取得する

インデックス(添え字):配列要素にアクセスするために使用される番号(配列の添え字は0から始まります)。

 

配列は、インデックスによって対応する配列要素にアクセス、設定、および変更できます。配列内の要素は、「配列名[インデックス]」の形式で取得できます。

// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);    

 

注:アクセス時にインデックス値に対応する要素が配列にない場合、取得される値は未定義です

1.4アレイをトラバースする

  1. 配列トラバーサル

配列の各要素は最初から最後まで1回アクセスされ(学生のロールコールと同様)、配列の各項目はforループインデックスを通過できます。

var arr = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
    console.log(arrStus[i]);
}

 

2.配列の長さ

配列の長さ:デフォルトでは、配列内の要素の数

配列要素の数(配列の長さ)にアクセスするには、「array name.length」を使用します。

var arrStus = [1,2,3];
alert(arrStus.length);  // 3

 

  

  • ここでの配列の長さは配列要素の数であり、配列のインデックス番号と混同しないでください。

  1. 配列の要素数が変化すると、それに伴ってlengthプロパティも変化します

  • 配列の長さプロパティは変更できます。

  1. 設定された長さ属性値が配列の要素数より大きい場合、配列の最後に空白の要素が表示されます。

  2. 設定された長さ属性値が配列の要素数より少ない場合、この値を超える配列要素は削除されます

3.配列の合計と平均を計算します

var arr = [1, 5, 7, 2, 3];
      var sum = 0;
      var average = 0;
      for (var i = 0; i < arr.length; i++) {
        sum += arr[i];
      }
      average = sum / arr.length;
      console.log(sum);
      console.log(average);

 4.アレイの最大と最小を見つける

var arr = [3, 85, 22, 33, 16];
      var max = arr[0];
      for (var i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
          max = arr[i];
        }
      }
      console.log("该数组最大值为:" + max);

      for (var i = 0; i < arr.length; i++) {
        if (arr[i] < max) {
          max = arr[i];
        }
      }
      console.log("该数组最小值为:" + max);

1.5配列の新しい要素

次の方法で、配列の最後に新しい要素を挿入できます。

  
数组[ 数组.length ] = 新数据;

 

おすすめ

転載: blog.csdn.net/a159357445566/article/details/108588460