検索条件:find/filter
4361 ワード
条件検索にはfind()メソッドとfilter()メソッドがあります.
の条件を満たす最初の要素は、そのまま戻り値を返します. の条件を満たしていない場合は、定義されていない を返します.
の条件を満たすすべての要素を収集し、新しいアレイ に戻るの条件を満たしていない場合、[]は空の配列 を返します.
(反応器で登録脚注を移管するために使用)どうせidはid、pwはpw
一つだけ条件が合っていて、フィルターを使うと配列に戻るので、支柱を受け取って使う場合は、もう一度取り除く必要があります. この時findを使います!!
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')} />
</>
)
}
一つだけ条件が合っていて、フィルターを使うと配列に戻るので、支柱を受け取って使う場合は、もう一度取り除く必要があります.
공부하며 정리&기록하는 ._. 씅로그
Reference
この問題について(検索条件:find/filter), 我々は、より多くの情報をここで見つけました https://velog.io/@sseung-i/조건-검색-find-filterテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol