pushメソッド
配列の最後に新しい要素を追加するメソッド。
【例】
const numbers = [1,2,3];
console.log(numbers); → [1,2,3]
push.number(4);
console.log(numbers); → [1,2,3,4]
- pushメソッドの後の()の中に追加したい要素を入力する。
forEachメソッド
配列の中の要素1つずつに、全ての要素に繰り返し同じ処理を行うメソッド。
【書き方例】
const number = [1,2,3];
number.forEach((number)=>{ → 引数numberに値が一つずつ代入される
console.log(number);
}); → １，２，３すべての数字がconsole.logで出力される
- 配列内の要素が1つずつ順番にアロー関数の引数に代入され、処理が繰り返し実行される。
- number.forEachの( )内に入っている関数を、コールバック関数という。
findメソッド
条件式に合う1つ目の要素を配列の中からピックアップ(見つける・find)するメソッド。
【例】
const number = [1,3,5,7];
const foundNumber = numbers.find((number)=>{
return > 3; ← 3より大きい最小の要素をみつける
});
console.log(foundNumber); → ５と出力される
- 条件の設定には戻り値(return)を使う。
- 条件に合う値が見つかったら、それ以降は出力されない。
【例２：配列の要素がオブジェクトの場合】
const charactors = (
{ id : 1 , name : “ピノ”}，
{ id : 2 , name : “もんた”}
)；
const foundCharactor = charactors.find((charactor) => {
return charactor.id===1;
});
console.log(foundCharactor); → { id : 1 , name : “ピノ”} と出力される
- オブジェクトのプロパティを条件として使用する場合、そのプロパティを持っているオブジェクトそのものを取り出す。
filterメソッド
条件に合う要素のみすべてを取り出して新しい配列を作成するメソッド。
【例】
const number = [1,3,5,7];
const filteredNumber = numbers.filter((number)=>{
return > 3; ← 3より大きい最小の要素をみつける
});
console.log(filteredNumber); → [5,7]と出力される
【例２：配列の要素がオブジェクトの場合】
const charactors = (
{ name : “ピノ”, age : 17 }，
{ name : “もんた” , age : 14 }
)；
const filteredCharactor = charactors.filter((charactor) => {
return charactor.age>=10;
});
console.log(filteredCharactor);
→ { name : “ピノ”, age : 17 }と{ name : “もんた” , age : 14 }が出力される。
mapメソッド
配列内のすべての要素に処理を行い、処理後の要素で新しい配列を作るメソッド。
【例】
const numbers = [1,2,3,4];
const doubleNumbers = numbers.map((number) => {
return number*2;
});
console.log(doubleNumbers); → [2,4,6,8] と出力される
【例２：配列の要素がオブジェクトの場合】
const names = (
{ firstName : “ピノ”, lastName : “あら” }，
{ firstName : “もんた” , lastName : “き” }
)；
const fullName = names.filter((name) => {
return namefirstName + lastName;
});
console.log(fullName); → [“ピノあら”，”もんたき”]
コメント