検索条件:find/filter

条件検索にはfind()メソッドとfilter()メソッドがあります.

find()

の条件を満たす最初の要素は、そのまま戻り値を返します.

の条件を満たしていない場合は、定義されていない

を返します.

filter()

の条件を満たすすべての要素を収集し、新しいアレイ

に戻る

の条件を満たしていない場合、[]は空の配列

を返します.

例

(反応器で登録脚注を移管するために使用)

const Login = () => {
  const loginInputObj = [
    {
      className: 'login_id',
      name: 'id',
      type: 'text',
      placeholder: '아이디(이메일)',
      // onInput: onLogin(),
    },
    {
      className: 'login_pw',
      name: 'pw',
      type: 'password',
      placeholder: '비밀번호',
      // onInput: onLogin(),
    },
  ];

  return (
    <>
      <LoginInput {...loginInputObj.find(x => x.name === 'id')} />
      <LoginInput {...loginInputObj.find(x => x.name === 'pw')} />
    </>
  )
}

どうせidはid、pwはpw
一つだけ条件が合っていて、フィルターを使うと配列に戻るので、支柱を受け取って使う場合は、もう一度取り除く必要があります.

この時findを使います!!

공부하며 정리&기록하는 ._. 씅로그