Array(配列)

ここではJavaScriptの配列(Array)の基本的なメソッドを紹介します。

1. forEach

forEach()は配列の要素を順番に処理していきます。

var result = [];
var array = ['a', 'b', 'c', 'd'];
array.forEach(function(val, index){
  if(val === 'c') { result.push(index); }
});
console.log(result); //=> [2]

2. map

map()を使うと各要素に対して、特定の処理を実施できます。

var array = ['a', 'b', 'c', 'd'];
var result = array.map(function(val, index){
  if (val === 'c') {
    return index;
  } else {
    return -1;
  }
});
console.log(result); //=> [-1, -1, 2, -1]

配列の中の特定の要素だけ、別の要素に置き換えるのは次のように記述します。

const arr = [1, 2, 3]
arr = arr.map(function (element, index, array) {
  return element === 2 ? 'hoge' : element;
});
console.log(arr) //=> [1, hoge, 3]

3. filter

var array = [0, 1, 2, 3];
var result = array.filter(function(element){
  if (element >= 2) { return element; }
});
console.log(result); //=> [2, 3]

4. reduce

var array = [1, 2, 3, 4];
var result = array.reduce(function(previousVal, currentVal){
  return previousVal + currentVal;
});
console.log(result); //=> 10

unshift:配列の最初に要素を追加

unshift()メソッドは、配所の最初に要素を追加するメソッドです。返り値は、新しい配列の長さです。

var arr = [1, 2];
arr.unshift(0); // = 3
// arr is [0, 1, 2]

arr.unshift(-2, -1); // = 5
//arr is [-2, -1, 0, 1, 2]

5. 参考リンク

results matching ""

    No results matching ""