検索条件: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を使います!!
  • 공부하며 정리&기록하는 ._. 씅로그