javascriptで文字列を厳密に比較したいです。

###前提・実現したいこと
javascriptで文字列？(正確な言い回しができませんが)を厳密に比較したいです。
例えば以下のような二つの変数があるとします。
var anser="123456789"
var myAnser="120456009"

myAnserをanserを基準として比較すると
anserの3,7,8の部分がmyAnserでは0になっています。
このことを(myAnserの2番目6番目7番目がanserと違いますよと)教えてくれるメソットはありますか？
ご存知の方いらっしゃいましたら教えてください。

(補足)
簡単な数字記憶ゲームやタイピングゲームで、入力した答えが間違っていた時
(正解と比較して)その間違った部分を色を変えるなどして視覚化して表示させたいです。

（追記）
以下のように落ち着きました。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
</head>
<body>
  <p>anser = 123456789</p>
  <p id=ans><span>myAnser = </span>
  </p>
<script>
var   anser="123456789";
var myAnser="120456009";

function createSpan(i){
  var spanA=document.createElement('span')
  var spanB=document.createElement('span')
      spanA.id="correct"+i
      spanB.id="incorrect"+i
      spanB.style.color='deeppink'
      document.getElementById('ans').appendChild(spanA)
      document.getElementById('ans').appendChild(spanB)
}
function my_diff(a,b){
for(var i=0;i<9;i++){
  if(a.charAt(i) === b.charAt(i)){
  document.getElementById('correct'+i).innerHTML=b.charAt(i)
}else{
  document.getElementById('incorrect'+i).innerHTML=b.charAt(i)
}}};

for(var i=0;i<9;i++){
createSpan(i);
}
my_diff(anser,myAnser);



</script>
</body>
</html>

行動規範の内容に同意します

回答4件

ベストアンサー

そんなメソッドはありませんので、ご自身で作成されてはいかがでしょうか。

function my_diff(a, b) {
  var array = [];
  var len = a.length;
  for (i = 0; i < len; i++) {
    if (a.charAt(i) != b.charAt(i)) {
      array.push(i);
    }
  }
  return array;
}

var   anser="123456789";
var myAnser="120456009";

var result = my_diff(anser, myAnser);
alert(result);

投稿2016/10/17 04:14

moonphase

総合スコア6621

abouch

2016/10/17 05:07

完全に甘えた質問でした。回答ありがとうございます。先に進めそうです

行動規範の内容に同意します

文字列なので１文字ずつ取り出して比べればよいのでは？

javascipt
1var   anser="123456789"
2var myAnser="120456009"
3for(var i=1;i<=anser.length;i++){
4  if(anser.substr(i-1,1)!=myAnser.substr(i-1,1)){
5    console.log(i+":"+anser.substr(i-1,1)+"-"+myAnser.substr(i-1,1));
6  }
7}
8

投稿2016/10/17 04:04

yambejp

総合スコア114747

abouch

2016/10/17 05:06

回答ありがとうございます。一つ一つ比べてみます。

行動規範の内容に同意します

配列用のメソッドを利用すると下記のように実装できます。
返り値の配列のlengthが1以上なら間違いということになり、0であれば正解となります。

javascript
1var ans = '123456789';
2var myAns = '120456009';
3
4var correctAnswer = function(ans, myAns) {
5  var arrAns = ans.split(''),
6    arrMyAns = myAns.split(''),
7    diff = arrMyAns.map(function(item, index) {
8      if (item !== arrAns[index]) {
9        return index;
10      }
11      return false;
12    }).filter(function(item) {
13      return typeof item === 'number';
14    });
15  return diff;
16};
17
18// 一部間違い
19console.log(correctAnswer(ans, myAns)); // [2, 6, 7]
20
21// 全部間違い
22console.log(correctAnswer('hoge', myAns)); // [0, 1, 2, 3, 4, 5, 6, 7, 8]
23

投稿2016/10/28 09:34

yamato_hikawa

総合スコア2092

lodash の _.difference をつかえば可能です．

javascript
1
2console.log(_.difference('123456789'.split(''), '120456009'.split('')));
3
4// ["3", "7", "8"]

lodash: https://lodash.com/docs/4.16.4

投稿2016/10/17 04:06

退会済みユーザー

総合スコア0

moonphase

2016/10/17 04:24

lodashは初めてしりました。色々あるんですね。ただ、churabouさんの意図している動きと違うようです。 console.log(_.difference('ZZZZZZZZZ'.split(''), '120456009'.split(''))); // ["Z", "Z", "Z", "Z", "Z", "Z", "Z", "Z", "Z"]

退会済みユーザー

2016/10/17 05:15 編集

質問の理解が足りていませんでした．補足ありがとうございます．全く違うものを比較するとすべて異なるので第１引数がすべて表示されますね．差集合をとっているだけなので．ただ， ``` (補足) 簡単な数字記憶ゲームやタイピングゲームで、入力した答えが間違っていた時 (正解と比較して)その間違った部分を色を変えるなどして視覚化して表示させたいです。 ``` という要求を満たすにはこれが一番スマートだと思います．

abouch

2016/10/17 05:09

回答ありがとうございます。こうゆうものを知りたかったです

行動規範の内容に同意します

あなたの回答