比较两个数组以查找匹配值的 for 循环

Question

我有两个数组需要相互检查，如果它们达到了每个数组中的两个项目实际上彼此相同的程度，那么在某处附加一些 html。

以下是我一直在尝试的一些代码示例：

var daysArray = ["1", "2", "3", "4", "5"];
var courseHwork = ["4", "8", "15", "16", "23", "42"];

所以在上面的数组中只有一个匹配值，即：“4”

这是下一部分：

for (var i = 0; i < courseHwork.length; i++) {
//in my actual code courseHwork contains several objects, each of which 
//has a duedate property, so here I want to see if this part of the duedate 
//property is equal to any position in the daysArray array.
   if (courseHwork[i].duedate.substring(8,10) === daysArray[i]) {
//here I mean to select an element of this class that contains a string 
//that is equal to that of the matching positions in both arrays. then 
//once found it should take the title property from one of the objects in the
//courseHwork array and append it there.
   $('.fc-day-number:contains("'+daysArray[i]+'")').append("<div class='assignment'>"+courseHwork[i].title+"</div><br />");
        }
        }

如果事情按计划进行，它将找到一个包含字符串“4”的 div，并从 courseHwork 数组中的匹配对象中附加该属性“title”。

注意：我的实际 daysArray 将数字包含为字符串“1”-“31”，并且对象的 courseHwork 数组是动态填充的，因此它可以包含任意数量的对象，但是没有对象的属性值会超过“31” " 在找到的子字符串中。

*问题： 如何循环遍历两个数组，每次在两个数组之间找到匹配值时，都会找到一个也包含完全相同值的 html 元素，然后附加一些内容？*

Answer 1

我认为你应该首先创建一个array intersection，然后遍历结果来做你的事情......

Answer 2

你可以这样做：

var daysArray = ["1", "2", "3", "4", "5"];
var courseHwork = ["4", "8", "15", "16", "23", "42"];

var arr = daysArray.concat(courseHwork);
var sorted_arr = arr.sort();
var results = [];
for (var i = 0; i < arr.length - 1; i++) {
    if (sorted_arr[i + 1] == sorted_arr[i]) {
        results.push(sorted_arr[i]);
    }
}

console.log(results);

你可以在这里运行代码：http://jsfiddle.net/WtEwJ/2/

这将产生一个仅包含重复项的新数组results。

Answer 3

这是我想出的主意：

var daysArray = ["1", "2", "3", "4", "5", "12"];
var courseHwork = ["4", "8", "15", "16", "23", "42", "12"];

for (var i = 0; i < courseHwork.length; i++) {
    for (var j = 0; j < daysArray.length; j++) {
        if (courseHwork[i] == daysArray[j]) {
          $('div:contains("'+daysArray[j]+'")').append("<div class='assignment'>"+courseHwork[i]+" - appended</div>");
        }
    }
}

你可以在这里找到它：http://jsfiddle.net/4cqCE/2/

好吧，看看你想要的。首先，它在 2 个数组中查找 SAME 值，如果找到，它会将一些内容附加到包含“4”的 div 中。这就是你想要的吗？

这是一个具有 2 个相同值的示例，具有 2 个 div，每个 div 包含一个值。 http://jsfiddle.net/4cqCE/3/

Answer 4

您好，使用 lodash 或下划线可以轻松地将两个数组相交。

_.intersection([2, 1], [2, 3]);

结果是 [2]。

Lodash 文档：https://lodash.com/docs/4.17.2#intersection