下划线等同于 Javascript For 循环？

Question

我想转换此代码：

for (var i = 0; i < product.ages.length; i ++){
    for (var j = 0; j < $scope.ages.length; j ++){
        if (product.ages[i].id == $scope.ages[j].id){
            $scope.ages[j]['ticked'] = true;
        }
    }
}

变成underscore.js。请帮忙。

Answer 1

这是一个关于如何对对象执行 _.each 的示例。

var example = {"hello":"world", "this":"is", "super":"neat"};
_.each(example, function(value, index){
  console.log(index + ":" + value);
}
->hello:world
->this:is
->super:neat

Answer 2

这将是您的下划线代码：

_.each(product.ages, function(pAge) {
  _.each($scope.ages, function(sAge) {
    if (pAge.id === sAge.id) {
      sAge.ticked = true;
    }
  });
});

Answer 3

您可以使用_.find

_.each($scope.ages, function(v){
  v.ticked = _.find(product.ages, function(a){
    return v.age === a.age;
  })?true:false;
})

此外，只是一个指针，您应该在匹配时使用 break。

Answer 4

解决此问题的另一种方法是首先使用下划线的 indexBy:

创建 scope.ages 的散列

var scope_ages = _.indexBy($scope.ages, 'id');

对象看起来像：

{
    1: ref to scope.ages with id 1,
    2: ref to scope.ages with id 2,
    etc.
}

然后使用each遍历产品年龄来设置勾选值：

_.each(product.ages, age => scope_ages[age.id].ticked = true)

var product = {
 ages: [
  { id : 1 }
 ]
}

var $scope = {
 ages: [
  { id : 0, ticked: false },
  { id : 1, ticked: false },
  { id : 2, ticked: false },
 ]
}

var scope_ages = _.indexBy($scope.ages, 'id');

_.each(product.ages, age => scope_ages[age.id].ticked = true)

document.getElementById('scope_ages').textContent = JSON.stringify(scope_ages);
document.getElementById('result').textContent = JSON.stringify($scope.ages);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore.js"></script>

<h1>scope_ages</h1>
<p>
    <pre id="scope_ages"></pre>
</p>
<h1>Scope</h1>
<p>
  <pre id="result"></pre>
</p>

下划线等同于 Javascript For 循环？

Underscore Equivalent to Javascript For Loop?

javascript

underscore.js