使用map函数来减少代码是不是有点过头了？

Question

这是减少代码重复的最佳方法吗？还是太过分了？我该如何优化它？也许我做得很好:)

const Programs = () => {

    const programs = [{program: program_1, icon: program_icon_1, caption: "Graduation Degree"},
         {program: program_2, icon: program_icon_2, caption: "Masters Degree"},
         {program: program_3, icon: program_icon_3, caption: "Post Graduation"}];

  return (
    <div className="programs container">
        {
            programs.map(program => {
                return (
                    <div className="program">
                        <img src={program.program} alt="Program"/>
                        <div className="caption">
                            <img src={program.icon} alt="Program icon"/>
                            <p>{program.caption}</p>
                        </div>
                    </div>
                );
            })
        }
    </div>
  )
}

Answer 1

Donald Knuth 说过，过早的优化是万恶之源。因此，开发人员的首要目标是创建易于阅读和更改的代码。

map

避免了重复，并且比

for

循环更容易阅读。所以，这是一个不错的选择。