javascript - 使用 AngularJS 创建一个具有自己的键和值的 json 对象

Question

我有一些数组中的数据。使用这些数据创建一个 json 对象作为我自己的键和值。这是我的数组

$scope.keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"]

我想将键和值推送到另一个对象中。我试图获得如下输出。

 {
    "Personal" : 2
    "Small" : 5
    "Medium" : 7
    "Large" : 9
    "Extra Large" : 12
 }

这是我的代码。

var keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"];
tempdata = [];
for(var i=0;i<keyValue.length;i++) {
    var key = keyValue[i].substr(0, keyValue[i].indexOf("^"));
    var value = keyValue[i].substr(keyValue[i].indexOf("^")+1);
    tempdata.push({key : value});        
}
$scope.array = tempdata;

Answer 1

您可以使用 reduce喜欢

var keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"];
$scope.array = keyValue.reduce(function(acc, el) {
    var keyVal = el.split('^');
    acc[keyVal[0]] = keyVal[1];
    return acc;
}, {});

angular.module('app', [])
  .controller('ctrl', function($scope) {
    var keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"];
    $scope.array = keyValue.reduce(function(acc, el) {
      var keyVal = el.split('^');
      acc[keyVal[0]] = keyVal[1];
      return acc;
    }, {})

  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  {{array}}
</div>

但是如果你需要对象数组，你可以使用map喜欢

var keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"];
$scope.array = keyValue.map(function(el) {
  var keyVal = el.split('^');
  var obj = {};
  obj[keyVal[0]] = keyVal[1];
  return obj;
});

angular.module('app', [])
  .controller('ctrl', function($scope) {
    var keyValue = ["personal^2", "Small^5", "Medium^7", "Large^9", "ExtraLarge^12"];
    $scope.array = keyValue.map(function(el) {
      var keyVal = el.split('^');
      var obj = {};
      obj[keyVal[0]] = keyVal[1];
      return obj;
    });

  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  {{array}}
</div>