jQuery比较两个数组

Question

我有一个数组，我想创建另一个新数组，并且值是从HTML本身中提取的，然后我想比较两个值并输出匹配值。

我现有的数组要比较：

var designersArrSelected = ["Von Blan","Foo Can","Diane con Fursternberg","BCBG MAX Azria"];

我的网页

<ul id="seasonsDropDown">
  <li data-season="FALL 2013 HAUTE COUTURE">FALL 2013 HAUTE COUTURE
    <ul class="designers">
      <li data-designer="Alexander Wang">Alexander Wang</li>
      <li data-designer="BCBG MAX Azria">BCBG MAX Azria</li>
      <li data-designer="Diane con Fursternberg">Diane con Fursternberg</li>
      <li data-designer="Diane Von De">Diane Von De</li>
    </ul>
 </li>
</ul>

要从我使用的 HTML 中获取所有设计师的名称：

var designersArrAll = [];
var i = 0;

$(".designers>li").each(function(){
    designersArrAll[i++] = $(this).attr("data-designer");
});

根据我的示例，结果应该选择"Diane con Fursternberg"和"BCBG MAX Azria"，因为有两个匹配项，但是我应该如何比较两个数组的相同值？

这是笔：http://codepen.io/vincentccw/pen/eDrox

Answer 1

如果你想用老式的 for 循环方式来做，这里有一些我在这里拿起的代码： 如何检查数组是否包含 JavaScript 中的对象？每个内部都有一个 if 条件，您可以在匹配项命中时设置元素样式。可能不是最有效的，但它有效。

小提琴：http://jsfiddle.net/LmQ9U/

    var designersArrAll = [];
    var designersArrSelected = ["Von Blan","Foo Can","Diane con Fursternberg","BCBG MAX Azria"];
     var i = 0;

     $(".designers>li").each(function(){
         designersArrAll[i++] = $(this).attr("data-designer");
     });
    $(".designers>li").each(function(){
        designer = $(this).attr("data-designer");
        designersArrAll[i++] = designer;           
        if ( contains( designersArrSelected , designer) ) {
            // do something here
            $(this).css('background', 'yellow');
        }
    });
    function contains(a, obj) {
        for (var i = 0; i < a.length; i++) {
                if (a[i] === obj) {
                    return true;
                }
            }
            return false;

Answer 2

尝试使用 $.inArray .您可以像这里一样使用它：

var found = $.inArray('pattern', stringToBeSearched) > -1;

结果是一个数字，指示字符串中开始要查找的模式的位置。 -1会让你知道字符串ToBeSearched中没有这样的模式。

Answer 3

你可以这样做，而不是你必须制作designersArrAll数组的循环。

var designersArrAll = $.map( $('.designers > li'), function(el){
  return $(el).data('designer');
});

至于比较两个数组，

你可以使用这个问题的代码：如何知道两个数组是否具有相同的值