JavaScriptの配置方法について


✍🏼 .map()-すべての要素の関数を呼び出すことで、新しい配列を作成します.
アレイ、変数名に使用できます.map((el)=>(実行する論理)として使用します.
const classmates = ["철수","영희","훈이"]

classmates.map((el)=>(el + "어린이"))	

//배열에 적용한 결과 : ["철수어린이","영희어린이","훈이어린이"]
オブジェクトからなる配列に適用するには、各要素の値を入力し、実行する他の論理を作成します.

const info = [
  {name : "철수", age : 10},
  {name : "철수", age : 10},
  {name : "철수", age : 10}
]

info.map((el) => (
  {name : el.name, age : el.age, school : "다람쥐초등학교"}
))

//결과 : [
//  {name : "철수", age : 10, school : "다람쥐초등학교"},
//  {name : "철수", age : 10, school : "다람쥐초등학교"},
//  {name : "철수", age : 10, school : "다람쥐초등학교"}
//]
すべての要素に対して同じ論理を実行するため、重複文として使用できます.
✍🏼 .filter()-指定した要素の関数でテストされたすべての要素のセットを新しい配列に戻します.
変数名.フィルタ((el)=>(要素の条件に適用)形式で記述します.
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);

//결과 : ["exuberant", "destruction", "present"]

//요소의 길이가 6이상인 값을 모아 result라는 새 배열 생성
💡TIP !
.filter()わあ.map()をfor文とif文に一緒に適用する場合、コード作成を簡略化して熟知できるでしょう.
.filter()を使用して条件を満たす要素(=if文)をフィルタします.同じ論理を要素mapに適用する(=文)
✍🏼 .each()-すべての要素が所定の条件を満たしているかどうかを確認し、ブール値を返します.
変数名.each((el)=>(要素を判断する条件)形式で記述します.
const isBelowThreshold = (currentValue) => currentValue < 40;

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

console.log(array1.every(isBelowThreshold));
// 결과: true
ここでarray 1のすべてのインデックス値は40未満であるため、条件を満たす.
したがって、true値が結果として返され、インデックス値が40を超えてもfalseが返されます.
💡 TIP !
空の配列にeach()メソッドを適用すると、任意の条件がtrueを返します.
最後に、
アルゴリズムの問題がifとfor文の使用にある程度慣れている場合は,同じ問題に代わる.map()と.多くの方法を使用するために、filter()などのMDN(=>.mapメソッドに接続されている関連情報)を常に参照してください.