Question

这是我的数组的结构：

[{"stockCode":"PALLET CARDS","quantity":"2"},
 {"stockCode":"PALLET CARDS","quantity":"3"},
 {"stockCode":"CBL202659/A","quantity":"1"},
 {"stockCode":"CBL201764","quantity":"3"}]

点击订单button后，我想检查此stockCode中是否存在array。但是每次我这样做都会得到-1返回。

这是我检查stockCode：

的代码

$(".orderBtn").click(function(event){
        //Check to ensure quantity > 0
        if(quantity == 0){
            console.log("Quantity must be greater than 0")
        }else{//It is so continue
            //Show the order Box
            $(".order-alert").show();
            event.preventDefault();

            //Get reference to the product clicked
            var stockCode = $(this).closest('li').find('.stock_code').html();
            //Get reference to the quantity selected
            var quantity = $(this).closest('li').find('.order_amount').val();

            //Order Item (contains stockCode and Quantity) - Can add whatever data I like here
            var orderItem = {
            'stockCode' : stockCode,
            'quantity'  : quantity
            };

            //Check if cookie exists 
            if($.cookie('order_cookie') === undefined){

            console.log("Creating new cookie");
            //Add object to the Array
            productArray.push(orderItem);

            }else{//Already exists

            console.log("Updating the cookie")
            productArray = JSON.parse($.cookie('order_cookie'));

            //Check if the item already exists in the Cookie and update qty
            if(productArray.indexOf(stockCode)!= -1){

                //Get the original item and update
                console.log("UPDATING EXISTING ENTRY " + productArray.indexOf("PALLET CARDS"));
            }
            else{
                console.log("ADDING NEW ENTRY ");
                //Insert the item into the Array
                //productArray.push(orderItem);
            }
            }
        }

        //Update the Cookie
        $.cookie('order_cookie', JSON.stringify(productArray), { expires: 1, path: '/' });

        //Testing output of Cookie
        console.log($.cookie('order_cookie'));
    });

当用户点击订单button时，我会获得对stockCode的引用：

        var stockCode = $(this).closest('li').find('.stock_code').html();

我想检查这个stockCode是否已经在array中，如果是，那么我将不会添加新条目，而是更新现有条目。

Answer 1

我希望我能帮到你：

   function findByStockCode(code, stockCodeArr){
           return stockCodeArr.filter(function(elem){
              return elem.stockCode == code;
           });
   }

这个会给你一个阵列回来。如果长度大于零，则具有给定代码的元素已在数组中。我认为在ECMA5中添加了过滤功能，因此IE8可能不支持它。
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter][1]提到了在当前浏览器中未实现过滤器的情况下的回退。
无论如何，有一个类似的jQuery函数，其中＆＃39; this＆＃39;指的是实际元素：

function jQueryFindByStockCode(code, stockCodeArr){
               return $(stockCodeArr).filter(function(){
                  return this.stockCode == code;
               });
       }

编辑：
正如DhruvPathak所提到的，$ .grep可能比jQuery的过滤器更合适。（Grep vs Filter in jQuery?）

我再次抬头寻找一个性能更好的解决方案（似乎）你可以自己编写（无论如何都很简单）：

//for defined, non-null values
function findFirstByProperty(arr, prop, value){
    for(var i = 0 ; i < arr.length; i++){
         if(arr[i]!=null && "undefined" !== typeof arr[i] && arr[i][prop] == value) 
             return arr[i];
    }
    return null;
}

这应该有更好的性能（特别是对于大型数组）。平均而言（假设阵列中存在这样的元素），它应该平均快两倍和filter和grep（因为它在第一次匹配时停止）。

Answer 2

使用jquery grep来匹配数组中“stockcode”键等于stockCode的元素

http://api.jquery.com/jquery.grep/

Answer 3

我认为你需要这样使用：

$.inArray( stockCode, productArray)

更多信息here。

使用indexOf（）检查JS Array中是否存在特定对象

3 个答案: