初めてJavaScriptをやってみよー日記 ~6日目~

javascriptを学習した時の記録としてブログを書いていきます。

内容

  • 配列

配列

  • 配列とは
  • 値の追加
  • 値の削除
  • 値の取得
  • 配列の結合

配列とは

配列とは、値の並びです。値が0個や1個でも配列として扱うことができます。配列を配列に入れることもできます。左から、0,1,2,3…と言うような番号がつけられています。

[1, 3.8, "a", ["x", "y", "z"]]

値の追加

  • unshift()
  • push()

unshift()は、値を配列の最初に追加します。

var array = ["a", "b", "c"];
array.unshift("A");
console.log(array); // ["A", "a", "b", "c"]

push()は、値を配列の最後に追加します。

var array = ["a", "b", "c"]; 
array.push("A"); 
console.log(array) // ["a", "b", "c", "A"]

値の削除

  • shift()
  • pop()
  • = void 0
  • splice()
  • length = 0
  • = []

shift()は配列の最初の値を削除します。

var array = ["a", "b", "c"];
array.shift();
console.log(array); // ["b", "c"]

pop()は配列の最後の値を削除します。

var array = ["a", "b", "c"];
array.pop();
console.log(array); // ["a", "b"]

void 0(undefined)を値に代入することで、それぞれの値の場所や、配列の長さを変えないで値を削除することができます。

var array = ["a", "b", "c"];
array[0] = void 0
console.log(array) // [undefined, "b", "c"]

splice()は第一引数で指定した所から、第二引数で指定した数だけの範囲を削除します。

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

var array = ["a", "b", "c", "d", "e"];
array.splice(3, 1); 
console.log(array); // ["a", "b", "c", "e"]

配列のlengthに0を代入を代入することで、値を全消去できます

var array = ["a", "b", "c"];
array.length = 0
console.log(array); // []

配列に[](空配列)を代入することで、値を全消去できます。

var array = ["a", "b", "c"];
array = [];
console.log(array); // []

値の取得

  • 配列[番号]
  • length
  • lastIndexOf()
  • slice()
  • Math.max.apply()
  • Math.min.apply()

配列[番号]で配列から1つの値を取得できます。

var array = ["a", "b", "c"];
var start = array[0];
console.log(start); // "a"

下のようにすると最後の値を取得できます。

var array = ["a", "b", "c"];
var end = array[array.length-1];
console.log(end); // "c"

lengthで配列の長さを取得できます。

var array = ["a", "b", "c"];
var len = array.length;
console.log(len); // 3

lastIndexOf()はその配列から特定の値を検索し、一番最後に出てきた物の位置を番号で返します。なかった場合は-1が返ってきます。

var array = ["a", "b", "c", "d", "b"];
var index = array.lastIndexOf("b");
console.log(index); // 4

slice()は第一引数以上第二引数未満の範囲を取得し返します。

var array = ["a", "b", "c", "d"];
var str_1 = array.slice(1,2);
console.log(str_1); // ["b"]

var array = ["a", "b", "c", "d"];
var str_2 = array.slice(1,3);
console.log(str_2); // ["b", "c"]

Math.max.apply()は配列内の最大数を、Math.min.apply()は配列内の際少数を取得し返します。

var array = [13, 256, 16, 3, 1];
var max = Math.max.apply(null, array);
var min = Math.min.apply(null, array);
console.log(max); // 256
console.log(min); // 1

配列の結合

  • concat()
  • Array.prototype.push.apply()

concat()は元の配列を破壊せず、新しく結合した配列を返します。

var array_1 = ["a", "b"];
var array_2 = ["c", "d"];
var array = array_1.concat(array_2);
console.log(array); // ["a", "b", "c", "d"]

Array.prototype.push.apply()は第一引数の配列に第二引数を追加するような形で結合します。

var array_1 = ["a", "b"];
var array_2 = ["c", "d"];
Array.prototype.push.apply(array_1, array_2);
console.log(array_1); // ["a", "b", "c", "d"]
console.log(array_2); // ["c", "d"]