JavaScript 配列

[yuyuyuriko78]

配列三種の神器

①宣言

var 変数名 = [];

const 定数名 = [];

②代入

変数名.push("---");

③表示

console.log(変数名[インデックス]);

[yuyuyuriko78]

追加

array.push("---");

• いちばん後ろに値を追加

array.unshift("---");

• いちばん前に値を追加

結合

array1.concat(array2);

• ２つの配列を結合
• array1の後にarray2がくっつく

  array.join(",")

• arrayの要素が「,」が要素間に入った一つの文字列として結合される
• 引数を空文字("")にすると、区切り文字なしで連結できる
  • 例：array1=[1,2,3] array.join("") => 123

[yuyuyuriko78]

取得

array[2]

array[array.length-1]

• JS配列の長さをとるときはlength()ではなくlength

  array.indexOf(3);

• 引数に指定した要素を先頭から検索し、そのインデックスを取得する
• 要素がなかった場合「-1」が返される

  array.lastIndexOf(3);

• 引数に指定した要素を末尾から検索し、そのインデックスを取得する
• 要素がなかった場合「-1」が返される

  array.slice(1,3)

• 配列から部分配列を取得する
  • 1つ目の引数：begin ...どこから取得を開始するかを示すインデックス
  • 2つ目の引数：end ...どこまでを取得するかを示すインデックス

[yuyuyuriko78]

削除

array.shift()

• 配列の先頭の要素を削除し、その削除した値を返すshift()メソッド

  array.pop()

• 配列の末尾の要素を削除し、その削除した値を返すpop()メソッド

  array.splice(3, 2, 14, 15, 16)

• 配列の途中から要素を削除し、そこに別の要素を挿入する。
  • 1番目の引数：index…削除を始める要素のインデックス
  • 2番目の引数：howMany…削除する要素の数。
  • 「0」を指定すると要素の削除が行われないため、配列の途中への値の追加となる。
  • 3番目以降の引数：追加する要素
  • 何も指定しないと、配列の途中から値を削除するだけとなる。
• 上の例だと、array[3]から、2個要素を削除し、そこに[14,15,16]を入れる、ということ。

[yuyuyuriko78]

並べ替え

array.sort();

• 要素をすべて文字列とみなし、辞書順に並べる。
• このsort()メソッドでは、数値のソートがうまくいかない。
  • 例：[1,2,10,20] => [1,10,2,20]になってしまう
• 配列自体を変更するメソッド。

  array.sort(比較関数);

  // 比較関数
  function compare(a,b){
  if(a < b){return -1}
  if(a < b){return 1;}
  return 0;
  }

[yuyuyuriko78]

高階関数

• 関数を引数とする関数のこと。
• 引数にする関数は、アロー関数（または無名関数）とする。

arrayforEach();

• 配列の各要素に対し、個別に関数を実行する。

  var array = ["taro", "hanako", "ichiro"];
  array.forEach((v, idx) => {
  console.log(idx + ":" + v);
  });
  // => 1:taro ...

array.filter();

• 配列の各要素に対し条件をかけて絞る
• Booleanを返す関数を引数に指定する。

  var array1 = [1,2,3,4,5];
  var array2 = array1.filter(v => {
  return v % 2 === 0;
  });
  console.log(array2);
  // =>[2,4]

array.map();

• 配列の各要素を変換する
• 対象の配列自体は変更されない。

  var array1 = [1,2,3,4,5];
  var array2 = array1.map(v => {
  return v + 5;
  });
  console.log(array);
  // => [6,7,8,9,10]