TypeScript中遍历对象获取键值对及按索引删除元素的实现

嘿，针对你提出的两个TypeScript对象操作需求，我整理了直接可用的实现方案，还有一些优化思路，一起来看看：

问题1：遍历对象同时获取key和value（类似map的实现方式） #

如果想要像数组map那样遍历对象的键值对并生成新结果，Object.entries() + map() 是最直接的方案，它能把对象转换成[key, value]格式的数组，之后就可以用数组的各种方法处理了。

示例代码： #

let users = { 
  "user1": { "fname" : "fname1", "lname" : "lname1"}, 
  "user2": { "fname" : "fname2", "lname" : "lname2"}, 
  "user3": { "fname" : "fname3", "lname" : "lname3"} 
};

// 1. 遍历键值对并生成新数组（比如拼接用户全名）
const userFullNames = Object.entries(users).map(([key, user]) => {
  return {
    userId: key,
    fullName: `${user.fname} ${user.lname}`
  };
});

console.log(userFullNames);
// 输出：[{userId: "user1", fullName: "fname1 lname1"}, ...]

// 2. 如果需要返回新的对象（而非数组），用Object.fromEntries()转换回来
const transformedUsers = Object.fromEntries(
  Object.entries(users).map(([key, user]) => {
    // 可自定义修改键或值，比如给键加前缀、补充新字段
    return [`prefix_${key}`, { ...user, fullName: `${user.fname} ${user.lname}` }];
  })
);

console.log(transformedUsers);
// 输出：{prefix_user1: {fname: "fname1", lname: "lname1", fullName: "fname1 lname1"}, ...}

为什么这是优解？ #

• Object.entries()是ES6+标准API，TypeScript完全支持，类型推导也很友好
• 结合数组map方法，写法简洁直观，和数组操作逻辑一致，降低学习成本
• 如果需要返回对象，Object.fromEntries()可以无缝把处理后的键值对数组转回对象

问题2：按索引删除对象中的元素（类似filter的实现方式） #

对象本身是无序的（不过现代JS/TS引擎会保留插入顺序），这里的“按索引删除”我们理解为按元素在键值对数组中的位置删除。实现思路和问题1类似：先转成[key, value]数组，用filter()过滤掉指定索引的项，再转回对象。

示例代码： #

let users = { 
  "user1": { "fname" : "fname1", "lname" : "lname1"}, 
  "user2": { "fname" : "fname2", "lname" : "lname2"}, 
  "user3": { "fname" : "fname3", "lname" : "lname3"} 
};

// 要删除的目标索引（比如删除第2个元素，索引为1，数组从0开始计数）
const indexToRemove = 1;

// 过滤指定索引项后转回对象
const filteredUsers = Object.fromEntries(
  Object.entries(users).filter((_, index) => index !== indexToRemove)
);

console.log(filteredUsers);
// 输出：{user1: {...}, user3: {...}} （user2被删除）

额外优化：如果是按键名删除 #

如果你的“索引”其实是指user1这种键名，用解构赋值会更高效：

// 比如删除user2
const { user2, ...restUsers } = users;
console.log(restUsers);
// 输出：{user1: {...}, user3: {...}}

这种方式不需要转数组再处理，但如果确实需要按位置索引删除，还是用filter的方案更合适。

内容的提问来源于stack exchange，提问作者NaMo