快捷導(dǎo)航

JavaScript遍歷對(duì)象并獲取key和value的幾種常見方法

更新時(shí)間：2025年07月10日 09:58:49 作者：超人不會(huì)飛-_-||

在JavaScript中,遍歷對(duì)象的屬性和值是常見的操作,特別是在處理數(shù)據(jù)對(duì)象或者進(jìn)行對(duì)象的序列化時(shí),這里我們將深入探討幾種JavaScript遍歷對(duì)象并獲取key和value的幾種常見方法,需要的朋友可以參考下

使用 for…in 循環(huán)

for…in 循環(huán)用于遍歷對(duì)象的可枚舉屬性（包括原型鏈上的屬性）。

const obj = { a: 1, b: 2, c: 3 };

for (const key in obj) {
  if (obj.hasOwnProperty(key)) { // 檢查屬性是否屬于對(duì)象本身，而不是原型鏈上的
    const value = obj[key];
    console.log(key, value);
  }
}

使用 Object.keys() 方法

Object.keys() 方法返回一個(gè)數(shù)組，該數(shù)組包含對(duì)象自身的所有可枚舉屬性鍵。

const obj = { a: 1, b: 2, c: 3 };

Object.keys(obj).forEach(key => {
  const value = obj[key];
  console.log(key, value);
});

使用 Object.entries() 方法

Object.entries() 方法返回一個(gè)數(shù)組，數(shù)組中的每個(gè)元素都是一個(gè)包含鍵和值的數(shù)組。

const obj = { a: 1, b: 2, c: 3 };

Object.entries(obj).forEach(([key, value]) => {
  console.log(key, value);
});

使用 Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一個(gè)數(shù)組，該數(shù)組包含對(duì)象自身的所有屬性鍵（無論是否可枚舉）。

const obj = { a: 1, b: 2, c: 3 };

Object.getOwnPropertyNames(obj).forEach(key => {
  const value = obj[key];
  console.log(key, value);
});

使用 Object.getOwnPropertySymbols() 方法

Object.getOwnPropertySymbols() 方法返回一個(gè)數(shù)組，該數(shù)組包含對(duì)象自身的所有 Symbol 類型的屬性鍵。

const obj = { a: 1, b: 2, [Symbol('c')]: 3 };

Object.getOwnPropertySymbols(obj).forEach(sym => {
  const value = obj[sym];
  console.log(sym, value);
});

使用 Reflect.ownKeys() 方法

Reflect.ownKeys() 方法返回一個(gè)數(shù)組，該數(shù)組包含對(duì)象自身的所有屬性鍵（包括不可枚舉屬性和 Symbol 類型的屬性鍵）。

const obj = { a: 1, b: 2, [Symbol('c')]: 3 };

Reflect.ownKeys(obj).forEach(key => {
  const value = obj[key];
  console.log(key, value);
});

總結(jié)

使用 for…in 循環(huán)可以遍歷對(duì)象的所有可枚舉屬性，但需要配合 hasOwnProperty 方法來排除原型鏈上的屬性。
Object.keys() 方法返回一個(gè)包含對(duì)象自身所有可枚舉屬性鍵的數(shù)組。
Object.entries() 方法返回一個(gè)包含對(duì)象自身所有可枚舉屬性鍵和值的數(shù)組。
Object.getOwnPropertyNames() 方法返回一個(gè)包含對(duì)象自身所有屬性鍵（無論是否可枚舉）的數(shù)組。
Object.getOwnPropertySymbols() 方法返回一個(gè)包含對(duì)象自身所有 Symbol 類型屬性鍵的數(shù)組。
Reflect.ownKeys() 方法返回一個(gè)包含對(duì)象自身所有屬性鍵（包括不可枚舉屬性和 Symbol 類型的屬性鍵）的數(shù)組。

到此這篇關(guān)于JavaScript遍歷對(duì)象并獲取key和value的幾種常見方法的文章就介紹到這了,更多相關(guān)JavaScript遍歷對(duì)象并獲取key和value內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: