JavaScript对象属性遍历的6种常用方法详解与对比

// 普通字面量对象
const user = {
  name: '张三',
  age: 28,
  gender: '男'
};

// 获取字符串键名
const keys = Object.keys(user);
console.log(keys); // ["name", "age", "gender"]

// 不返回 Symbol 类型键
const sym = Symbol('id');
const userWithSym = {
  name: '李四',
  [sym]: 'U20240601' // Symbol 类型键
};

console.log(Object.keys(userWithSym)); // ["name"]（仅返回普通字符串键）

const user = {
  name: '张三',
  age: 28,
  gender: '男'
};

// 获取普通属性值
const values = Object.values(user);
console.log(values); // ["张三", 28, "男"]

// 不返回 Symbol 类型键对应的值
const sym = Symbol('id');
const userWithSym = {
  name: '李四',
  [sym]: 'U20240601'
};

console.log(Object.values(userWithSym)); // ["李四"]

const user = {
  name: '张三',
  age: 28,
  gender: '男'
};

// 获取普通键值对
const entries = Object.entries(user);
console.log(entries); 
// [["name", "张三"], ["age", 28], ["gender", "男"]]

// 常用场景 1：遍历处理键和值
entries.forEach(([key, value]) => {
  console.log(`${key}：${value}`);
});

// 常用场景 2：转换为 Map 结构
const userMap = new Map(entries);
console.log(userMap.get('name')); // 张三

// 不返回 Symbol 类型键的键值对
const sym = Symbol('id');
const userWithSym = {
  name: '李四',
  [sym]: 'U20240601'
};

console.log(Object.entries(userWithSym)); // [["name", "李四"]]

// 普通字面量对象
const user = {
  name: '张三',
  age: 28,
  gender: '男'
};

// 对比 Object.keys 和 Object.getOwnPropertyNames
console.log(Object.keys(user)); // ["name", "age", "gender"]
console.log(Object.getOwnPropertyNames(user)); // ["name", "age", "gender"]

// 数组对象示例（数组的索引和 length 都是字符串键）
const arr = [1, 2, 3];
console.log(Object.getOwnPropertyNames(arr)); // ["0", "1", "2", "length"]

// 定义多个 Symbol 类型键
const sym1 = Symbol('userId');
const sym2 = Symbol('userToken');
const user = {
  name: '张三',
  [sym1]: 'U20240601',
  [sym2]: 'token_123456'
};

// 获取所有 Symbol 类型键
const symbols = Object.getOwnPropertySymbols(user);
console.log(symbols); // [Symbol(userId), Symbol(userToken)]

// 提取 Symbol 键对应的值
symbols.forEach(symKey => {
  console.log(`${symKey.description}：${user[symKey]}`);
});
// 输出：
// userId：U20240601
// userToken：token_123456

// 定义包含普通字符串键和 Symbol 键的对象
const sym1 = Symbol('userId');
const user = {
  name: '张三',
  age: 28,
  [sym1]: 'U20240601'
};

// 获取所有属性键名
const allKeys = Reflect.ownKeys(user);
console.log(allKeys); // ["name", "age", Symbol(userId)]

// 遍历所有键名，获取对应值
allKeys.forEach(key => {
  console.log(`${key.toString()}：${user[key]}`);
});