Javascript .filter, .map, .every-


1. map


map()は、メソッド配列内の要素を一括変形するのに適しています.
const classmate = ["   ","   ","   "]
classmate.map((item)=>(item+" "))
=> (3)[" "," "," "] .
上のコードは実行時
既存の同級生
[「チョルス」「ヨンヒ」「フン」]
[「チョルス」「ヨンヒ」「フン」]
「チョルスちゃん」「ヨンヒちゃん」「フンちゃん」
に示すように、一番前の要素から順に変更します.
ここでmapの変数itemはclassmateの
は、要素が追加するパラメータです.
const classmate = [
        {name: "진구"},
        {name: "비실이"},
        {name: "퉁퉁이"}]
//item.name => "진구","비실이","퉁퉁이"
//school
classmate.map((item)=>({name : item.name + "어린이",
                      school : "떡잎유치원"}))
=> (3)[
{name : "진구어린이",school : "떡잎유치원"},
{name : "비실이어린이",school : "떡잎유치원"},
{name : "퉁퉁이어린이",school : "떡잎유치원"}
]
配列はmap()=>()
配列内のオブジェクトはmap(()=>({})
オブジェクトを含む配列は括弧で囲まなければなりません.

矢印関数ではカッコを省略できます。


1行のコードしか必要ありません.

括弧は省略できません。


戻り値がオブジェクトの場合.
mapは、括弧()で囲まれた部分を返します.
ただし、戻り文がない場合、カッコ{}で囲まれた関数は戻り値を返しません.

2. filter


filter()メソッドは,その名の通りアレイ内の要素をフィルタリングする方法である.
const num = [1,2,3,4,5,6,7,8,9,10]
num.filter((item)=>(item<=8))
=> (8) [1, 2, 3, 4, 5, 6, 7, 8]

mapとfilterの違い


mapの値は配列の長さと同じです.
filterが異なる条件下で表示する長さは配列の長さ以下である.
また、filterは配列内の要素を変更することで返すことはできません.

3. every


each()メソッドは,配列中のすべての要素が与えられた判別関数を通過するかどうかをテストする.
パスした場合はtrueまたはfalseを返します.
const isBelowThreshold = (currentValue) => currentValue < 40;

const array1 = [1, 30, 39, 29, 10, 13];

console.log(array1.every(isBelowThreshold));
array 1の要素はすべて40未満なのでtrueを返します.
次はeachの使い方です
// 화살표 함수
every((element) => { ... } )
every((element, index) => { ... } )
every((element, index, array) => { ... } )

// 콜백 함수
every(callbackFn)
every(callbackFn, thisArg)

// 인라인 콜백 함수
every(function callbackFn(element) { ... })
every(function callbackFn(element, index) { ... })
every(function callbackFn(element, index, array){ ... })
every(function callbackFn(element, index, array) { ... }, thisArg)