极客教程如何使用AngularJS检查对象中的键的存在
给定一个包含（键，值）对的对象，任务是使用AngularJS检查一个键是否存在于一个对象中。为了检查一个对象中是否存在一个键，我们将创建一个对象，该对象的属性为key: value对的形式。定义一个临时变量，用来保存对象的初始键。创建一个函数表达式，利用它来检查持有初始键的临时变量是否存在于给定的对象中，通过比较它们。
方法：方法是使用in操作符来检查一个键是否存在于一个对象中。在第一个例子中，键“Prop_1”被输入，它存在于对象中。在第二个例子中，用户可以检查他们想检查哪个键是否存在。
例子1：在这个例子中，键“Prop_1”被输入并检查它是否存在于对象中。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function(scope) {
scope.obj1 = {
"Prop_1": 1,
"Prop_2": 2,
"Prop_3": 3
};
scope.textval = "Prop_1";
scope.checkK = function() {
var txtVal = scope.textval;
if(!(txtVal inscope.obj1)) {
scope.res = "Key not Exists.";
} else {
scope.res = "Key Exists";
}
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Check if a key exists in
an object in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller"> Object - {{obj1}}
<br><br>
Enter the key:
<input type="text" ng-model="textval">
<br><br>
<button ng-click="checkK()">
Check here
</button>
<br><br> {{res}}
</div>
</div>
</body>
</html>
输出:
例子2：在这个例子中，用户将检查他们想在给定的对象中检查哪个键是否存在。
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
</script>
<script>
var myApp = angular.module("app", []);
myApp.controller("controller", function(scope) {
scope.obj1 = {
"Prop_1": 1,
"Prop_2": 2,
"Prop_3": 3
};
scope.textval = "";
scope.checkK = function() {
var txtVal = scope.textval;
if(!(txtVal inscope.obj1)) {
scope.res = "Key not Exists.";
} else {
scope.res = "Key Exists";
}
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
Check if a key exists in
an object in AngularJS
</h3>
<div ng-app="app">
<div ng-controller="controller"> Object - {{obj1}}
<br><br>
Enter the key:
<input type="text" ng-model="textval">
<br><br>
<button ng-click="checkK()">
Check here
</button>
<br><br> {{res}}
</div>
</div>
</body>
</html>
输出:
