使用Google差异匹配补丁获取差异的第一行和第一列?

时间:2019-04-05 02:49:49

标签: javascript google-diff-match-patch

我正在跟踪https://github.com/google/diff-match-patch

上的示例
var text = "<div class='hover'>\nHello world\n</div>";
var text2 = "<div class='hover'>\nHello whirld\n</div>";
var dmp = new diff_match_patch();
var result = dmp.diff_main(text, text2, false);

当我查看对象时,结果是:

Array {
  0     0,<div class='hover'>
Hello w
  1     -1,o
  2     1,hi
  3     0,rld
</div>
}

文档说它返回一个元组数组。如何获得第一个差异的行号和行号?如果我能够获得第一个零钱,那是一个奖励,但不是必需的。

在创建完上面的示例之后,看起来我可以找到第一个-1,那是行?我希望有一种方法可以执行以下操作:

var result = dmp.diff_main(text, text2, false);

Object {
   row: 1,
   column: 4,
   original: "hello world",
   changed: "hello whirld"
}

如果我更改第三行,结果如下:

var text = "<div class='hover'>\nHello world\n</div>";
var text2 = "<div class='hover'>\nHello world\n</div2>";
var dmp = new diff_match_patch();
var result = dmp.diff_main(text, text2, false);

这是结果:

Array {
  0     0,<div class='hover'>
Hello world
</div
  1     1,2
  2     0,>
}

看来结果没有行号吗?

https://github.com/google/diff-match-patch

1 个答案:

答案 0 :(得分:0)

这类作品:

var text = "<div class='hover'>\nHello world\n</div>";
var text2 = "<div class='hover'>\nHello world\n</div2>";
var dmp = new diff_match_patch();
var result = dmp.diff_main(text, text2, false);

var LINE_BREAK = "\n";
var lines = [];
var row = 1;
var column = 0;
var firstResult = result && result[0] ? result[0] : null;
var operation = firstResult ? firstResult[0] : null;
var data = firstResult ? firstResult[1] : null;
var lastLine = "";

if (data && data.indexOf(LINE_BREAK)!=-1) {
    lines = data.split(LINE_BREAK);
    lastLine = lines[lines.length-1];
    row = lines.length;
    column = lastLine.length;
}