読者です 読者をやめる 読者になる 読者になる

Javascript 配列の使い方

要素の追加

  • 先頭に追加 unshift
var array = ['b', 'c'];

array.unshift('a');
console.log(array); // ['a', 'b', 'c']
  • 末尾に追加 push
var array = ['a', 'b'];

array.push('c');
console.log(array); // ['a', 'b', 'c']
  • 指定した位置に一つ以上追加 splice
var array = ['a', 'b', 'c'];

array.splice(1, 0, 'A'); // 二番目に挿入
console.log(array); // ['a', 'A', 'b', 'c']

配列の結合

  • 非破壊的な結合 concat
var array1 = ['a', 'b'];
var array2 = ['c', 'd'];

var array = array1.concat(array2);

console.log(array); // ['a', 'b', 'c', 'd']
  • 破壊的な結合 push
var array1 = ['a', 'b'];
var array2 = ['c', 'd'];

Array.prototype.push.apply(array1, array2);

console.log(array1); // ['a', 'b', 'c', 'd']

要素の取得

  • 先頭を取得
var array = ['a', 'b', 'c'];

var value = array[0];

console.log(value); // 'a'
  • 末尾を取得
var array = ['a', 'b', 'c'];

var value = array[array.length - 1];

console.log(value); // 'c'
  • 配列の数を取得
var array = ['a', 'b', 'c'];

var l = array.length;

console.log(l); // 3
  • 値から最初のkeyを取得 indexOf
var array = ['a', 'b', 'c'];

var index = array.indexOf('b');

console.log(index); // 1
  • 値から最後のkeyを取得 lastIndexOf
var array = ['a', 'b', 'c', 'b'];

var index = array.lastIndexOf('b');

console.log(index); // 3
  • 指定した位置から一つ以上の値(配列)の取得
var array = ['a', 'b', 'c', 'd'];

var s1 = array.slice(1, 2);
var s2 = array.slice(1, 3);

console.log(s1); // ['b']
console.log(s2); // ['b', 'c']

要素の削除

  • 先頭を削除 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']
  • 指定した位置から一つ以上の値を削除 splice
var array = ['a', 'b', 'c'];

array.splice(1, 1); // 二番目から一つ削除
console.log(array); // ['a', 'c']

var array = ['a', 'b', 'c'];

array.splice(1, 2); // 二番目から二つ削除
console.log(array); // ['a']
  • 配列の全要素の削除 length, []
var array = ['a', 'b', 'c'];

array.length = 0;
console.log(array); // []

var array = ['a', 'b', 'c'];

array = [];
console.log(array); // []