Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Checking if a key exists in a JavaScript object
We are required to illustrate the correct way to check whether a particular key exists in an object or not. Before moving on to the correct way let's first examine an incorrect way and see how actually its incorrect.
Way 1: Checking for undefined value (incorrect way)
Due to the volatile nature of JavaScript, we might want to check for the existence of key in an object like this −
const obj = {
name: 'Rahul'
};if(!obj['fName']){}or
if(obj['fName'] === undefined){}These both are incorrect ways. Why?
Because in this case there happens to be no 'fName' key, but suppose there existed a 'fName' which was deliberately set to false or undefined.
Our function should have returned that the key did not exist but actually they did. So in such cases this method fails.
Way 2 − Using the in operator (Correct Way)
The in keyword just introduced in the ES6 checks for an entry in an iterable. Therefore, to check for the existence of key, we can do something like −
('fName' in obj);Way 3 − Using hasOwnProperty() method (Correct Way)
Using the Object.prototype.hasOwnProperty() method we can determine whether or not an object contains a key.
Its syntax is −
obj.hasOwnProperty('fName');
The difference between Way 2 and Way 3 is just that Way 3 only checks for the property of the Object instance it’s called upon whereas ‘in’ checks for Object instance properties as well as inherited properties (if there are any).
292 Views
