返回JSON對象

Question

我有對象的像

objArray = [{"color":"red", "width":5, "price":10}, 
    {"color":"green", "width":4, "price":8}, 
    {"color":"red", "width":7, "price":11}] 

陣列如何可以返回對象的陣列，其中所述顏色爲紅色以JavaScript或jquery的

Answer 1

var objArray = [{"color":"red", "width":5, "price":10}, 
    {"color":"green", "width":4, "price":8}, 
    {"color":"red", "width":7, "price":11}] 

var tmp = [] 

$.each(objArray,function(i,val){ 
    if(val.color == 'red') 
    { 
     tmp.push(objArray[i]); 
    } 
}); 

console.log(tmp); 

Answer 2

如果「返回」，你的意思是從一個函數返回，那麼你可以使用Array.prototype.filter這樣的：

return objArray.filter(function(v) { return v.color === 'red'; }); 

如果你只是想將它保存到一個變量，那麼它只是大致相同：

var red_array = objArray.filter(function(v) { return v.color === 'red'; }); 

爲了彌補舊的瀏覽器，使用the MDN .filter() shim：

if (!Array.prototype.filter) { 
    Array.prototype.filter = function (fun /*, thisp */) { 
     "use strict"; 

     if (this === void 0 || this === null) throw new TypeError(); 

     var t = Object(this); 
     var len = t.length >>> 0; 
     if (typeof fun !== "function") throw new TypeError(); 

     var res = []; 
     var thisp = arguments[1]; 
     for (var i = 0; i < len; i++) { 
      if (i in t) { 
       var val = t[i]; // in case fun mutates this 
       if (fun.call(thisp, val, i, t)) res.push(val); 
      } 
     } 

     return res; 
    }; 
} 

---

或者，如果你想要的jQuery ，請使用$.map()^[docs]方法：

var arr = $.map(objArray, function(v) { if(v.color === 'red') return v; }); 

或$.grep()^[docs]方法：

var arr = $.grep(objArray, function(v) { return v.color === 'red'; }); 

實例：http://jsbin.com/udawir/edit#javascript,live（改變傳遞給$.each()陣列來記錄得到的顏色值）在陣列上