配列とオブジェクトの値の比較

Question

オブジェクトと配列の操作にAngularとLodashを使用しています。

$scope.week = ['monday','tuestday','wednesday','thursday','friday','saturday','sunday'] 
$scope.points = [ 
    { day: 'monday', points: 30 }, 
    { day: 'wednesday', points: 60 } 
] 

...私はこの結果を取得したい：

$scope.result = [30, 0, 60, 0, 0, 0, 0]; 

は、だから私は、オブジェクトと配列を比較することがありますが、私は使用を避けたい、この与えられた

複数のループ。

JS Fiddleを参照してください。

P.S：jQueryは使用しません。

Answer 1

あなたのデータ構造の場合は、あなたがこのようなJavaScriptの配列方法を、使用することができます。

var filteredPoints = $scope.points.filter((point) => { 
     return $scope.week.indexOf(point.day) != -1; 
    }); 

$scope.result = filteredPoints.map((point) => { return point.points }); 

Answer 2

あなたがこれを行うことができます：

var temp = $scope.points.reduce((obj, el) => (obj[el.day] = el.points, obj), {}); 
$scope.result = $scope.week.map(day => temp[day] || 0); 

一時変数があるオブジェクトですその日にリンクされたポイントを価値として提供します。これが第二文で効率的に検索することができます

{ 
    monday: 30, 
    wednesday: 60 
} 

：データ例を考えると、それは次のようになります。あなたの週の配列（ 'tuestday'）にそのスペルエラーを修正してください：

はJS fiddle

NBを参照してください。

Answer 3

あなたは_ lodashのインスタンスである

$scope.result =_.map($scope.week, function (v, i) { 
    var index = _.findIndex($scope.points, { 'day': v}) 
    if (index > -1) { 
     return $scope.points[index].points 
    } else { 
     return 0 
    } 
}) 

以下のようlodashまたは単純なArrayクラスの_.mapと_.findIndexメトを使用することができます。