2つの配列の重複を大文字小文字を区別せず、一致する要素を取得したい。

Question

#概要
2つの文字列からなる配列において、大文字小文字を区別せず一致する要素を取得したいと考えています。

  const patern_A = ['Cat','Apple','iPhone','Black','tea']
  const patern_B = ['mens','color','normal','tea','Osaka']

includesやindexOfだと大文字小文字を区別してしまうので上手く行かないと思います。
一応、filterを2重にして、文字列同士を大文字に変換して見ましたが、なぜか一致していない要素がヒットしてしまいます。
もっと良い書き方はないでしょうか？

const result = patern_A.filter((str_A)=> patern_B.filter((str_B)=> str_A.toUpperCase() === str_B.toUpperCase()).length >0)

Comments

[Lhankor_Mhy]

ご提示のコードを試してみましたが、問題なさそうでした。
どのような入力値の時にどのような問題が起きるのか、ご提示いただけますか？

[yambejp]

サンプルだと小文字の'tea'しか一致しないので大文字小文字関係ないのでは？

Answer 1

地道にやってもこんくらいなので、これで要件を再確認してみては?

const patern_A = ['Cat','Apple','iPhone','Black','tea']
const patern_B = ['mens','color','normal','tea','Osaka']

const target = patern_B.map(x => x.toUpperCase())
let result = []
for (y of patern_A) {
    if (target.includes(y.toUpperCase())) {
        result.push(y)
    }
}

console.log(result)

Answer 2

const a = ['Cat','Apple','iPhone','Black','tea']
const b = ['mens','color','normal','tea','Osaka','aPpLe']
const result=a.filter(x=>b.map(y=>y.toUpperCase()).includes(x.toUpperCase()));
console.log(result);

Answer 3

自分なるたけ便利なもん使うて楽したい派なんですわ ➡ サンプル

const patern_A = ['Cat', 'tea', 'Apple', 'iPhone', 'Black', 'TEA'];
const patern_B = ['mens', 'CAT', 'normal', 'TeA', 'Osaka', 'Iphone'];

const dupplicatesIgnoreCase = _.intersectionBy(patern_A, patern_B, s => s.toLowerCase());