JavaScript 如何访问有空格的对象的键

给定一个包含键名带有空格的对象，任务是访问该对象。下面讨论了几种解决此问题的方法：

方法1

创建一个具有空格分隔键的对象。
使用 方括号表示法 而不是 点表示法 来访问属性。

示例： 以下示例实现了上述方法。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"></p> 
<button onclick="GFG_Fun()"> 
    click here 
</button> 
<p id="GFG_DOWN"></p> 
<script> 
    var el_up = document.getElementById('GFG_UP'); 
    var el_down = document.getElementById('GFG_DOWN'); 
    var JSObject = { 
        'Geeks': { 
            Geeks1: 'Geeks1_val', 
            Geeks2: 'Geeks2_val' 
        }, 
        'Computer Science portal': { 
            Geeks_1: 'A Computer Science portal for Geeks.', 
            Geeks_2: 'Geeks_2_val' 
        } 
    } 
    el_up.innerHTML = "Click on the button to access the "+ 
        "key of object<br><br>"+ JSON.stringify(JSObject); 
      
    function GFG_Fun() { 
        el_down.innerHTML = 
        JSObject['Computer Science portal'].Geeks_1; 
    } 
</script>

输出：

JavaScript 如何访问有空格的对象的键

方法2

创建一个具有以空格分隔的键的对象。
将键保存在一个变量中，并在需要使用该变量的地方使用它（但是，这里也可以使用方括号表示法）。

示例： 这个示例实现了上述方法。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
<p id="GFG_UP"></p> 
<button onclick="GFG_Fun()"> 
    click here 
</button> 
<p id="GFG_DOWN"></p> 
<script> 
    var el_up = document.getElementById('GFG_UP'); 
    var el_down = document.getElementById('GFG_DOWN'); 
    var JSObject = { 
        'Geeks': { 
            Geeks1: 'Geeks1_val', 
            Geeks2: 'Geeks2_val' 
        }, 
        'Computer Science portal': { 
            Geeks_1: 'A Computer Science portal for Geeks.', 
            Geeks_2: 'Geeks_2_val' 
        } 
    } 
    el_up.innerHTML = "Click on the button to access "+ 
        "the key of object<br><br>" + JSON.stringify(JSObject); 
      
    function GFG_Fun() { 
        var someKey = 'Computer Science portal'; 
        el_down.innerHTML = JSObject[someKey].Geeks_1; 
    } 
</script>

输出：

JavaScript 如何访问有空格的对象的键