なぜか同じ値が入っているのにtrue判定になってくれない。データ型の型を変更しても変化なし。ただし数値をベタ打ちすると行けます。

Question

vue.jsでpropsで受け取った値をmethodsで呼び出した際に一致したものだけを返すという処理になります。

解決したいこと：　findで一致したものを取得したいです。

現状：　同じ値が入っているようなのにtrue判定を出してくれない。Numberで数値に変換してみても変わらずといった状態です。ただ数値を下手打ちするとtrueを返してくれます。

　　　this.grandchild = this.grandchildsbeta.find((ele) => {
          return (ele.id === rid);
      });

      console.log(this.grandchild)

         this.grandchild = this.grandchildsbeta.find((ele) => {
           console.log(ele.id)
           console.log(Number(rid))
           Number(rid);
           console.log(ele.id === rid)
           return (ele.id === rid);
         });
          

consoleでの表示結果

なぜか同じ値が入っているのにfalseが返ってきてしまいます。Numberに変えなくても同じ結果になってしまいます。
ridの部分を28と数値に変えるとtrueを返してくれます。

どこに原因があるのかわからずにいます。

お分かりになる方がいましたら、ご教授いただきたいです。
よろしくお願いいたします。

vue.js2.6.11

Answer 1

式と演算子 - JavaScript | MDN

== は 等値演算子です。
=== は 同値演算子です。

この違いはわかりますか？
後者の同値演算子だと、型が違うとアウトなので、
=== でダメなら == でならいけるかも？
でも、等値と同値、どっちを評価したいですか？

Comments

[tenlife]

そうでした。。。
片方はデータベースから引っ張ってきているものだったので型の違いで===では通らなかったということですね。
すっかり忘れていました。改めて確認します。
回答ありがとうございました！