TypeScript中如何从数组元素中提取指定值

嘿，我来帮你搞定这个数组处理的问题！

你可以用JavaScript/TypeScript里的Array.map()方法来快速实现需求，它比手动写for循环更简洁易读，专门用来将一个数组转换为另一个结构的新数组。

推荐实现代码： #

// 假设this.carbs_value的每个元素都包含carbs属性
const newCarbsArray = this.carbs_value.map(item => ({ carbs: item.carbs }));

// 验证结果
console.log(newCarbsArray);

代码说明： #

• map()会遍历原数组的每一个元素，对每个元素执行你传入的回调函数
• 回调函数中我们返回一个新对象{ carbs: item.carbs }，把原元素的carbs值提取出来并包装成目标格式
• 最终newCarbsArray就是你想要的结构：[{ carbs: 30 }, { carbs: 25 }, ...]

如果你更习惯用原来的for循环写法，也可以这样修改：

const newCarbsArray = [];
const l = this.carbs_value.length;
for (var i = 0; i < l; i++) {
    // 提取当前元素的carbs值，包装成目标对象后推入新数组
    newCarbsArray.push({ carbs: this.carbs_value[i].carbs });
}
console.log(newCarbsArray);

两种方法都能得到你需要的结果，优先推荐map()，代码更简洁，也更符合现代JS/TS的写法~

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