搜索特定字符串的数组并将值返回到 AngularJS 视图

Question

在下面的代码中，我尝试在 JSON 输出中搜索特定字符串（例如“name_col_lbl”）并将其值（在本例中为“Name”）返回给 AngularJS 以在视图中输出。

$scope.globalContent = [
    {"id":"1","module":"student_reg","item":"name_col_lbl","value":"Name"},
    {"id":"2","module":"student_reg","item":"bday_col_lbl","value":"Birthdate"}
]
angular.forEach($scope.globalContent, function(el){
    $scope.nameLbl = el ***This is where I need to search for the string and return its value***;
    $scope.bdayLbl= el ***This is where I need to search for the string and return its value***;

});

我似乎找不到有效的方法来处理这个问题。提前致谢！

Answer 1

这应该可以解决问题：

var $scopeglobalContent = [
    {"id":"1","module":"student_reg","item":"name_col_lbl","value":"Name"},
    {"id":"2","module":"student_reg","item":"bday_col_lbl","value":"Birthdate"}
];

for(var i = 0; i < $scopeglobalContent.length; i++){
	for(key in $scopeglobalContent[i]){
  	if($scopeglobalContent[i][key] == "name_col_lbl"){
    	return console.log($scopeglobalContent[i].value);
    }
  }
}

这是基本的东西。我建议您阅读 objects 和 loops 以更好地了解它的工作原理和使用方法。

Answer 2

来自this stackoverflow answer，以下是搜索对象数组的方法：

var obj = array.filter(function ( obj ) {
    return obj.item === "name_col_lbl";
});

obj 将包含 name_col_lbl 或 undefined 的值（如果键不存在）。

所以你的代码应该是这样的：

function findObject(array, keyName) {
    var obj = array.filter(function ( obj ) {
        return obj.item === keyName;
    })[0];
    return obj;
}

$scope.globalContent = [
    {"id":"1","module":"student_reg","item":"name_col_lbl","value":"Name"},
    {"id":"2","module":"student_reg","item":"bday_col_lbl","value":"Birthdate"}
]
angular.forEach($scope.globalContent, function(el){
    $scope.nameLbl = findObject($scope.globalContent, "name_col_lbl")['value]' ***This is where I need to search for the string and return its value***;
    $scope.bdayLbl= findObject($scope.globalContent, "bday_col_lbl")['value]' ***This is where I need to search for the string and return its value***;
});

findObject 函数通过返回它找到的第一个对象来过滤数组，其中obj.item 匹配keyName 中包含的任何内容。这是返回的 obj 对象。由于您不想要整个对象，而只想要该对象的值，因此我获取了 findObject($scope.globalContent, "name_col_lbl") 的结果并添加了 ['value'] ，它将仅返回您想要显示的 value 键Angular 视图。