文字列に大文字小文字の両方を検索にヒットするようにしたい。

Question

概要

Reactにて、オブジェクトのName要素に対して検索出来るコードを書いています。

const products = [
  {Name: 'HogeHogeHogeHogeHoge'},
  {Name: 'FooFooFooFooFooFooFoo'},
  {Name: 'KINOU NO BANGOHAN'}
]
const [searchText, setSearchText] = React.useState('');
const fillteredProducts = products.filter((item)=>{
      return !searchText ? true
        :item.Name.indexOf(searchText) === -1 ? false
        :true;
    })
const handler = (e) =>{
  setSearchText(e.target.value)
}

#問題点
上記のコードだと大文字小文字を区別され「完全一致」のみしかヒットしません。大文字小文字を区別せずにヒットさせるにはどのようにすれば良いでしょうか？

Answer 1

両方小文字に統一する、というのが手早い気もします。

const fillteredProducts = products.filter((item)=>{
      return !searchText ? true
        :item.Name.toLowerCase().indexOf(searchText.toLowerCase()) === -1 ? false
        :true;
    })

Comments

[yuki_90453]

勉強になりました。いつもありがとうございます。