2017-08-04 93 views
0

我有一个复杂的JavaScript对象。Sum复杂的JavaScript对象属性

var obj = {foo: {bar: {baz1 : {price: 200},baz2: {price: 300}}}; 

我怎样才能得到价格属性的总和呢? 感谢

+0

我觉得递归函数是一展身手。只需检查自己的财产,再为每个财产再次调用等等。如果没有,那么你必须自己拆分图层 –

+0

为什么你认为它很复杂,是否有任何递归的需要?通常可以用这种方式完成'(obj.foo.bar.baz1.price + obj.foo.bar.baz2.price)' – brk

+0

确实有需要。因为有很多baz物体。 baz1:{price:200},baz2:{price:200},...,baz100:{price:200} – Artdark92

回答

2

试试这个

var sum = 0; 

for(var i in obj.foo.bar){ 

sum += obj.foo.bar[i].price; 

} 

console.log(sum); 
+0

它的工作原理。但是,foo和bar的属性名称可能会更改,并且此解决方案不起作用。 无论如何,非常感谢您的答案! – Artdark92

0

这里是一个递归做的另一个功能。有关详细信息,请检查getPriceSum()函数的代码 - 使用reduce方法和递归调用完成该魔法。

var obj = { 
 
    foo: { 
 
    bar: { 
 
     baz1: { 
 
     price: 200 
 
     }, 
 
     baz2: { 
 
     price: 300 
 
     } 
 
    } 
 
    } 
 
}; 
 

 
var priceSum = getPriceSum(obj); 
 
console.log('Sum of prices is ' + priceSum); 
 

 
var obj = { 
 
    foo: { 
 
    price: 100, 
 
    bar: { 
 
     baz1: { 
 
     price: 200 
 
     }, 
 
     baz2: { 
 
     price: 300 
 
     }, 
 
     baz3: { 
 
     price: 250 
 
     }, 
 
    } 
 
    } 
 
}; 
 

 
var priceSum = getPriceSum(obj); 
 
console.log('Another test - prices is ' + priceSum); 
 

 
function getPriceSum(obj) { 
 
    var sum = Object.keys(obj).reduce(function(sum, prop) { 
 
    if(typeof obj[prop] === 'object'){ 
 
     return sum + getPriceSum(obj[prop]); 
 
    } 
 
    if(prop === 'price'){ 
 
     return sum + obj[prop]; 
 
    } 
 
    }, 0); 
 
    return sum; 
 
}

+0

工作正常!非常感谢! – Artdark92

+0

听起来不错!我很高兴这段代码对你有帮助。祝你好运! – codtex

0

jQuery的

var sum = 0 

$.each(obj.foo.bar, function(index, value) { 
    sum += value.price 
}); 

console.log(sum) 

只有JavaScript:

var sum = 0 

Object.keys(obj.foo.bar).map(function(objectKey, index) { 
    var value = obj.foo.bar[objectKey]; 
    sum += value.price 
}); 

console.log(sum) 
+0

它的工作原理。但是,foo和bar的属性名称可能会更改,并且此解决方案不起作用。 无论如何,非常感谢您的答案! – Artdark92

0

你可以尝试递归函数寻找到的每个属性的。

var sum = 0; 
function recursive(obj) { 
    $.each(obj, function(key, value) { 
     if (typeof value === "object") { //is it an object? 
      recursive(value); 
     } else { 
      sum += parseFloat(value); //if value is string, this will be 0 
     } 
    } 
} 
+0

非常感谢!工作正常! – Artdark92

0

您可以使用两步法找到具有给定属性名称的所有值,然后聚合此值。

function getValues(object, key) { 
 
    return Object.keys(object).reduce(function (r, k) { 
 
     if (object[k] && typeof object[k] === 'object') { 
 
      return r.concat(getValues(object[k], key)); 
 
     } 
 
     if (k === key) { 
 
      r.push(object[k]); 
 
     } 
 
     return r; 
 
    }, []); 
 
} 
 

 
var object = { foo: { bar: { baz1: { price: 200 }, baz2: { price: 300 } } } }, 
 
    result = getValues(object, 'price').reduce((a, b) => a + b); 
 

 
console.log(result);

+0

工作正常!非常感谢! – Artdark92