You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaScript初学者算法:如何实现数组元素星号递增格式化?

解决方案

首先,map方法比forEach更适合这个场景——因为我们的需求是将原数组的每个元素转换为新格式,最终得到一个新数组,而map正是为此设计的,代码更简洁且符合声明式编程的风格;forEach虽然也能实现,但需要手动维护结果数组,相对繁琐。

方法1:使用map实现(推荐)

const words = ['cat', 'game', 'socks'];
const formattedArray = words.map((word, index) => {
  // 第一个元素前后6个*,后续每个元素的*数量比前一个多1,即6 + 索引值
  const starNum = 6 + index;
  const stars = '*'.repeat(starNum);
  return `${stars}${word}${stars}`;
});

console.log(formattedArray);
// 输出:
// [
//   "******cat******",
//   "*******game*******",
//   "********socks********"
// ]

方法2:使用forEach实现

如果一定要用forEach,可以手动创建结果数组,遍历原数组时将转换后的元素推入:

const words = ['cat', 'game', 'socks'];
const formattedArray = [];

words.forEach((word, index) => {
  const starNum = 6 + index;
  const stars = '*'.repeat(starNum);
  formattedArray.push(`${stars}${word}${stars}`);
});

console.log(formattedArray);
// 输出结果与上述一致

关键逻辑说明

  • 每个单词前后的*数量规律:第一个元素对应6个,后续每个元素比前一个多1,正好可以用6 + 索引值(索引从0开始)来计算。
  • 用'*'.repeat(starNum)快速生成指定数量的星号字符串,这是ES6提供的便捷方法,兼容性良好。

内容的提问来源于stack exchange,提问作者donir

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 16:46:16