AngularJS/JavaScript新手求助：如何比较数组中的数据与其他数组元素

嘿，作为AngularJS和JavaScript新手，别担心，咱们一步步来搞定数组元素比较的问题～先看你给出的注释数组，每个元素都有annotationType、startOffset、endOffset、type、value这些属性，咱们分几种常见的比较场景来举例说明：

如果你想找出数组里有没有重复的type，或者相同的value，可以用原生JS的forEach结合对象来记录已出现的属性，简单直观：

// 先定义你的数组
var annotations = [
  { annotationType: "Full Name:", endOffset: "17", startOffset: "0", type: "FullName", value: "Abc" },
  { annotationType: "Email:", endOffset: "44", startOffset: "26", type: "email", value: "zazazbc" },
  { annotationType: "Telephone:", endOffset: "63", startOffset: "53", type: "TelephoneNumber", value: "123444455" },
  { annotationType: "Skill Set:", endOffset: "920", startOffset: "363", type: "skillset", value: "Summary Of Skills :..." }
];

// 示例：找出重复的type元素
var seenTypes = {};
var duplicateTypes = [];

annotations.forEach(function(item) {
  if (seenTypes[item.type]) {
    duplicateTypes.push(item);
  } else {
    seenTypes[item.type] = true;
  }
});

console.log("重复的type元素：", duplicateTypes);

要是你想找重复的value，只需要把item.type换成item.value就行啦。

假设你有另一个注释数组，想找出两个数组中type相同的元素，甚至对比它们的value是否一致，试试这个方法：

// 另一个示例数组
var otherAnnotations = [
  { type: "FullName", value: "Xyz" },
  { type: "email", value: "test@example.com" }
];

// 找出两个数组中type匹配的元素对
var matchedItems = [];

annotations.forEach(function(anno) {
  // 用find方法快速查找匹配项
  var match = otherAnnotations.find(function(otherAnno) {
    return anno.type === otherAnno.type;
  });
  if (match) {
    matchedItems.push({
      original: anno,
      other: match
    });
  }
});

console.log("匹配的元素对：", matchedItems);

// 进阶：找出value不一致的匹配项
var valueMismatches = matchedItems.filter(function(pair) {
  return pair.original.value !== pair.other.value;
});

console.log("value不一致的匹配对：", valueMismatches);

如果你的需求是检查注释的文本偏移范围有没有重叠（比如两个注释是否覆盖了同一段文本），可以写一个小函数来判断：

// 判断两个元素的偏移范围是否重叠
function isOffsetOverlap(item1, item2) {
  // 注意把字符串转成数字再比较
  var start1 = parseInt(item1.startOffset);
  var end1 = parseInt(item1.endOffset);
  var start2 = parseInt(item2.startOffset);
  var end2 = parseInt(item2.endOffset);
  
  // 重叠的逻辑：一个元素的起始位置落在另一个元素的区间内，或者完全包含
  return (start1 >= start2 && start1 <= end2) || (start2 >= start1 && start2 <= end1);
}

// 遍历数组找出所有重叠的元素对
var overlappingPairs = [];

for (var i = 0; i < annotations.length; i++) {
  for (var j = i + 1; j < annotations.length; j++) {
    if (isOffsetOverlap(annotations[i], annotations[j])) {
      overlappingPairs.push([annotations[i], annotations[j]]);
    }
  }
}

console.log("偏移范围重叠的元素对：", overlappingPairs);

如果你在AngularJS项目里，可以用内置的$filter服务来简化筛选和比较逻辑，比如在控制器里这么写：

angular.module('myApp', [])
.controller('AnnotationCtrl', function($scope, $filter) {
  $scope.annotations = [/* 你的数组数据 */];
  $scope.otherAnnotations = [/* 另一个数组 */];
  
  // 快速筛选出type为FullName的元素
  $scope.fullNameAnnotations = $filter('filter')($scope.annotations, {type: 'FullName'});
  
  // 找出和另一个数组type匹配的元素
  $scope.matchedAnnotations = $scope.annotations.filter(function(anno) {
    return $scope.otherAnnotations.some(function(otherAnno) {
      return anno.type === otherAnno.type;
    });
  });
});

如果还有更具体的比较需求（比如特定属性的对比规则），可以直接补充细节哦～

内容的提问来源于stack exchange，提问作者ganesh kaspate