In this article, we will see how to access an object’s properties without case-sensitivity, In this article, we are discussing how to access object property case-insensitively in JavaScript.
- Using toLowerCase() and Object.hasOwnProperty() Methods
- Using Object.keys() and toLowerCase() Methods
Method 1: Using toLowerCase() and Object.hasOwnProperty() Methods
In this approach, the key is passed to the function and while comparing, use the toLowerCase() method to transform the passed key as well as the object’s key to lowercase. Then compare the keys and if they are the same then return their value.
Example: This example shows the use of the above-explained approach.
Javascript
let GFG_Object = { a: "Val_1", n: "Val_2", c: "Val_3", b: "Val_4",};function findVal(obj, prop) { prop = (prop + "").toLowerCase(); for (let p in obj) { if (obj.hasOwnProperty(p) && prop == (p + "").toLowerCase()) { return obj[p]; } }}function GFG_Fun() { let key = "A"; console.log("Key: '" + key + "'\nValue: '" + findVal(GFG_Object, key) + "'");}GFG_Fun(); |
Output
Key: 'A' Value: 'Val_1'
Method 2: Using Object.keys() and toLowerCase() Methods
The approach here is the same as in the previous example, The Object.keys() method is used and the operation is performed in a compact manner.
Example: This example shows the use of the above-explained approach.
javascript
let GFG_Object = { a: "Val_1", n: "Val_2", c: "Val_3", b: "Val_4",};function GFG_Run() { let ObjKey = "A"; console.log("Key: '" + ObjKey + "'\nValue: '" + GFG_Object[Object.keys(GFG_Object).find( (key) => key.toLowerCase() === ObjKey.toLowerCase())] + "'");}GFG_Run(); |
Output
Key: 'A' Value: 'Val_1'
