在處理JSON數據時,經常需要獲取它的鍵名,可以使用不同的方法來實現這個目的。
一種簡單的方法是使用JavaScript的for...in循環來遍歷JSON對象,并獲得每個屬性的名稱。
let json = { "name": "John", "age": 30, "city": "New York" };
for (let key in json) {
console.log(key); // 輸出name、age和city
}
如果需要在HTML頁面中顯示JSON鍵名,可以將它們放入一個數組中,并使用map()方法將它們轉換為li列表。
let json = { "name": "John", "age": 30, "city": "New York" };
let keys = Object.keys(json);
let list = keys.map((key) => '<li>' + key + '</li>');
document.getElementById('list').innerHTML = list.join('');
另一種方法是使用ES6的Object.getOwnPropertyNames()或Reflect.ownKeys()方法來獲取JSON對象的所有屬性名稱。
let json = { "name": "John", "age": 30, "city": "New York" };
let keys = Object.getOwnPropertyNames(json);
console.log(keys); // 輸出[name, age, city]
如果JSON對象具有原型屬性,則可以使用Object.keys()方法獲取它的可枚舉屬性名稱。
let jsonObject = Object.create({ "gender": "male" }); // 創建帶有原型屬性的對象
jsonObject.name = "John"; // 添加自有屬性
jsonObject.age = 30;
let keys = Object.keys(jsonObject);
console.log(keys); // 輸出[name, age]
總之,以上方法都可以用于獲取JSON對象的鍵名。選擇一種最適合你的方法,并開始使用它!