#JavaScript～配列の基本
コピペして使ってください。
ES6を対象としています。
###配列に追加（pushメソッド）
sample.js
//配列の定義
const characters = ["a", "b", "c"];
// pushメソッドを使って配列の最後尾に追加
characters.push("d");
###配列の繰り返し処理（forEachメソッド）
sample.js
//配列の定義
const characters = ["a", "b", "c"];
// forEachメソッドを使って、配列charactersの中身をすべて出力
characters.forEach((character)=>{
console.log(character);
});
###条件にあう１つ目の要素を取り出す（findメソッド）
sample.js
//配列の定義
const numbers = [1, 3, 5, 7, 9];
// findメソッドを使って3の倍数を見つける
const foundNumber = numbers.find((number)=>{
return number%3===0;
});
console.log(foundNumber);
###条件にあう全ての要素を取り出す（filterメソッド）
sample.js
//配列の定義
const characters = [
{id: 1, age: 14},
{id: 2, age: 5},
{id: 3, age: 100}
];
// charactersから20歳未満を取り出す
const underTwenty = characters.filter((character)=>{
return character.age<20;
});
console.log(underTwenty);
###新しい配列をつくる（mapメソッド）
sample.js
//配列の定義
const names = [
{firstName: "Kate", lastName: "Jones"},
{firstName: "John", lastName: "Smith"},
{firstName: "Denis", lastName: "Williams"},
{firstName: "David", lastName: "Black"}
];
// 定数namesにmapメソッドを使って新しい配列を作る
const fullNames = names.map((name)=>{
return name.firstName + name.lastName;
});
console.log(fullNames);