[CONSONG]製品(filter,indexOf)の検索

5211 ワード
テキストリンク

filter

  • の条件を満たす要素のみを配列として返します.
  • .filter(변수 => 조건)

    • indexOf

  • が呼び出されたStringオブジェクトは、指定された値に一致する最初のインデックスを返します.
  • の値が一致しない場合は、"-1"を返します.
    • const arr = ['래영', '현중', '다혜', '수진', '수빈']
const txt = '수'
const res = arr.filter( item => item.indexOf(txt) !== -1) 
console.log( res ) // 수진, 수빈
    const data = [
     {name : '햄버거를 먹다'},
     {name : '피자를 먹다'},
     {name : '치킨을 먹다'},
     {name : '설렁탕을 먹다'},
     {name : '순대국을 먹다'},
]

const txt2 = '먹다'
const res2 = data.filter( item => item.name.indexOf(txt1) !== -1)
console.log( res2 );

    製品名の検索

  • 製品リストデータ
    • を受信する.
  • フィルタは、データ名入力値に一致する製品をフィルタします.
    (indexOf!=-1を条件とする)
  • 結果(配列)を地図に撒き散らす.


    • 再度削除すると検索結果は消えます

    e.target.value === '' && setFilteredProduct([]);
    入力値
  • が空の場合、フィルタ製品値は空です.

    • 注https://velog.io/@ees238/JavaScript-filter-find-indexOf
    JAvascriptカーネルシンボル33#13.DOM and Layout Trees
    210616 Wed