Map/Filter/Every

9899 ワード

Map


map()メソッドは、各配列の要素が所定の関数を呼び出す新しい配列を返します.
const classmates =["철수", "영희", "훈이"]
classmates.map((el) =>(el + "어린이"))

["철수어린이","영희어린이","훈이어린이"] 
ここで、elはelementsの略であり、パラメータ(parameter)であり、必ずしもelではなく任意の名前であってもよい.
矢印関数で表す
オブジェクトでも可能ですが、重要なのは配列[]です.
const classmates2=[
{name: "철수"},
{name: "영희"},
{name: "훈이"}
]

classmates2.map((el)=>({name:el.name+"어린이"}))

[{name: '철수어린이'}, {name: '영희어린이'}, {name: '훈이어린이'}]

Filter


filter()メソッドは、与えられた関数をテストするすべての要素を収集し、新しい配列に返します.
const num = [1,2,3,4,5,6,7,8,9,10]

num.filter((el)=>(el<=8))

[1, 2, 3, 4, 5, 6, 7, 8]
ここで、elはelementsの略であり、必ずしもelではなく任意の名前(パラメータ)であってもよい.
mapの値は配列の長さと等しいが、条件に応じてフィルタが配列の長さと等しいか小さいかがある.
(例)

Every


each()メソッドは、配列内のすべての要素の所与の関数を決定します.
const num = [1,2,3,4,5,6,7,8,9,10]

num.every((el)=>(el<=10))

true
値はBoolean値を返します.(true or false)

矢印関数とreturn()


1行のパラメータとパラメータに関数の内容が含まれている場合はreturnを省略できます.
const add = (aaa, bbb) => (aaa + bbb)

後にオブジェクトがある場合は省略できません()
const classmates= [
    { name: "철수" },
    { name: "영희" },
    { name: "훈이" }
]

classmates.map((el) => { name: el.name + "어린이" })

[undefined, undefined, undefined]