JS用箭头函数实现操纵数组的回调函数,push,forEach,find,filter,map

回调函数：作为参数被传递的函数，叫做回调函数。

const printWanko = () => {
    console.log("にんじゃわんこ");
};

const printHitsuji = () => {
    console.log("ひつじ仙人");
};

const call = (callback) => {
    console.log("コールバック関数を呼び出します。");
    callback();
};

// 引数をprintHitsujiに書き換えて出力を確認しましょう
call(printWanko);

call(printHitsuji);

コールバック関数を呼び出します。
にんじゃわんこ
コールバック関数を呼び出します。
ひつじ仙人

const numbers = [1, 3, 5, 7, 9];

// findメソッドを使って配列numbersから3の倍数を見つけ、定数foundNumberに代入してください
const foundNumber = numbers.find((number) => {
    return number % 3 === 0;
});

// foundNumberを出力してください
console.log(foundNumber);

const characters = [
    {id: 1, name: "にんじゃわんこ", age: 6},
    {id: 2, name: "ベイビーわんこ", age: 2},
    {id: 3, name: "ひつじ仙人", age: 100},
    {id: 4, name: "とりずきん", age: 21}
];

// 定数charactersからidが3のオブジェクトを見つけ、定数foundCharacterに代入してください
const foundCharacter = characters.find(function (character) {
    return character.id === 3;
});

// foundCharacterを出力してください

console.log(foundCharacter);

3
{ id: 3, name: 'ひつじ仙人', age: 100 }

const numbers = [1, 2, 3, 4];

// filterメソッドを使ってnumbersから偶数を取り出し、定数evenNumbersに代入してください
const evenNumbers = numbers.filter((number) => {
    return number % 2 === 0;
});

// evenNumbersを出力してください
console.log(evenNumbers);

const characters = [
    {id: 1, name: "にんじゃわんこ", age: 14},
    {id: 2, name: "ベイビーわんこ", age: 5},
    {id: 3, name: "ひつじ仙人", age: 100}
];

// charactersから20歳未満のキャラクターを取り出し、定数underTwentyに代入してください
const underTwenty = characters.filter((character) => {
    return character.age < 20;
});

// underTwentyを出力してください

console.log(underTwenty);

[ 2, 4 ]
[
  { id: 1, name: 'にんじゃわんこ', age: 14 },
  { id: 2, name: 'ベイビーわんこ', age: 5 }
]

const numbers = [1, 2, 3, 4];

// 定数numbersにmapメソッドを使って配列を作り、定数doubledNumbersに代入してください
const doubledNumbers = numbers.map((number) => {
    return number * 2;
});

// 定数doubledNumbersを出力してください
console.log(doubledNumbers);


const names = [
    {firstName: "Kate", lastName: "Jones"},
    {firstName: "John", lastName: "Smith"},
    {firstName: "Denis", lastName: "Williams"},
    {firstName: "David", lastName: "Black"}
];

// 定数namesにmapメソッドを使って新しい配列を作り、定数fullNamesに代入してください
const fullNames = names.map((name) => {
    return name.firstName + name.lastName;
});

// 定数fullNamesを出力してください

console.log(fullNames);

[ 2, 4, 6, 8 ]
[ 'KateJones', 'JohnSmith', 'DenisWilliams', 'DavidBlack' ]

let test = function (call) {
    call("hello call back");
}
test(function (words) {
    console.log(words);
});