javascript 转换文本数组

Question

我使用一个像这样工作的 react 组件

<FontAwesomeIcon icon={faCoffee} />

它需要一个很棒的字体图标，比如说地址簿，它在前面添加了 fa，删除连字符并将每个世界的第一个字母大写。

   address-book become faAddressBook
   copyright become faCopyright
   arrow-alt-circle-down become faArrowAltCircleDown

是否可以创建一个采用这样的数组的 JavaScript 函数

["地址簿","版权","arrow-alt-circle-down"]

并将其转换为这样的数组

["faAddressBook","faCopyright","faArrowAltCircleDown"]

Answer 1

有一些方法可以做到这一点。就像使用正则表达式一样。不过，您的要求很简单，因此可以使用 JavaScript split 方法轻松完成。请检查以下已实现的功能。

function formatArray(str) 
{
    str = str.split("-");

    for (var i = 0, x = str.length; i < x; i++) {
        str[i] = str[i][0].toUpperCase() + str[i].substr(1);
    }

    return 'fa' + str.join("");
}
var givenArr = ["address-book","copyright","arrow-alt-circle-down"];
for( var i = 0; i < givenArr.length; i++) {
  givenArr[i] = formatArray(givenArr[i]);
  console.log(givenArr[i]+ '\n');
}