javascriptにおいて配列を操作するメソッドです。
1. forEachメソッド
-
forEachメソッドとは、要素を１つずつ取り出して、全てに繰り返し処理を行うメソッドです。
example.js
const numbers = [1,2,3];
console.log(numbers);
//出力結果 [1,2,3]
numbers.forEach((number) => {
console.log(number);
});
// 出力結果
// 1
// 2
// 3
という結果になります。
example.js
numbers.forEach((number) => {
console.log(number);
});
こちらの記述に注目します。
このように引数に関数を入れたものをコールバック関数と呼びます。
コールバックとは関数の中に違う関数を入れて関数を呼びだすための関数を指定することです。
2. pushメソッド
-
pushメソッドとは、配列の最後に新しく要素を追加できるメソッドです。
example.js
const numbers = [1,2,3];
console.log(numbers);
//出力結果 [1,2,3]
numbers.push(4);
console.log(numbers);
//出力結果 [1,2,3,4]
という結果になります。
ここは問題ないかと思います。
3. findメソッド
-
findメソッドとは、条件式に合致した最初の要素だけを取り出すメソッドです。
example.js
const numbers = [1,2,3];
console.log(numbers);
//出力結果 [1,2,3]
const evenNumber = numbers.find((number) => {
return number % 2 === 0;
});
console.log(evenNumber);
//出力結果 2
という結果になります。
こちらでもコールバック関数が使われています。
number % 2 === 0は、とある値を２で割った余りが０。
すなわち偶数を条件としています。
そして、順番に条件を当てはめていき、最初に当たった数字が２なので、出力される値は２となります。
注意としては、returnを使用して、処理を終了させましょう。
4. filterメソッド
-
filterメソッドとは、条件式に合致した要素を全て取り出すメソッドです。
example.js
const numbers = [1,2,3];
console.log(numbers);
//出力結果 [1,2,3]
const oddNumber = numbers.filter((number) => {
return number % 2 !== 0;
});
console.log(oddNumber);
//出力結果 [1,3]
という結果になります。
こちらでもコールバック関数が使われています。
また、find同様returnを使用して、処理を終了させましょう。
number % 2 !== 0は、とある値を２で割った余りが０ではないもの。
すなわち奇数を条件としています。
そして、順番に条件を当てはめていき、当たった数字が１と３なので、出力される値は[1,3]となります。
5. mapメソッド
-
mapメソッドとは、配列の要素全てに処理を行い、新しい配列を作り出すメソッドです。
example.js
const numbers = [1,2,3];
console.log(numbers);
//出力結果 [1,2,3]
const tripleNumber = numbers.map((number) => {
return number * 3;
});
console.log(tripleNumber);
//出力結果 [3,6,9]
という結果になります。
こちらでもコールバック関数が使われています。
また、find,filter同様returnを使用して、処理を終了させましょう。