在 JavaScript 中不区分大小写地访问 Object 属性

如何在不区分大小写的情况下访问对象的属性，在本文中，我们将讨论如何在 JavaScript 中不区分大小写地访问对象的属性。

方法1：在这种方法中，将密钥传递给函数，并在比较时，使用toLowerCase() 方法将传递的密钥以及对象的密钥转换为小写。然后比较键，如果它们相同，则返回其值。

例子：

    
        
            Access Object property 
          case-insensitively in JavaScript
        
    
    
        
            GeeksForGeeks
        
        
        
            Click Here
        
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var GFG_Object = {
                a: "Val_1",
                n: "Val_2",
                c: "Val_3",
                b: "Val_4",
            };
            el_up.innerHTML = 
              "Click on the button to access object "+
              "case-insensitively.<br>Object - " 
              + JSON.stringify(GFG_Object);
            function findVal(obj, prop) {
                prop = (prop + "").toLowerCase();
                for (var p in obj) {
                    if (obj.hasOwnProperty(p) && prop == 
                        (p + "").toLowerCase()) {
                        return obj[p];
                    }
                }
            }
            function gfg_Run() {
                var key = "A";
                el_down.innerHTML = "Key - '" + 
                  key + "'<br>Value - '"
                  + findVal(GFG_Object, key) + "'";
            }
        
    

输出：

方法二：这里的方法和前面的例子一样，使用Object.keys() 方法，操作以紧凑的方式进行。

例子：

    
        
            Access Object property 
          case-insensitively in JavaScript
        
    
    
        
            GeeksForGeeks
        
        
        
            Click Here
        
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var GFG_Object = {
                a: "Val_1",
                n: "Val_2",
                c: "Val_3",
                b: "Val_4",
            };
            el_up.innerHTML = 
              "Click on the button to access object "+
              "case-insensitively.<br>Object - " 
              + JSON.stringify(GFG_Object);
            function gfg_Run() {
                var ObjKey = "A";
                el_down.innerHTML = "Key - '" 
                  + ObjKey + "'<br>Value - '" 
+ GFG_Object[Object.keys(GFG_Object).find((key) => 
          key.toLowerCase() === ObjKey.toLowerCase())];
                +"'";
            }
        
    

输出：