javascript:如何将camelCase字符串转换为连字符/从连字符转换为camelCase字符串

424 阅读2分钟

camelCase 是一个字符串,其中第二个词的开头字母是大写,例子是employeeList。这是一个关于在JavaScript中转换camelCase到/从连字符的简短教程

例如,给定一个字符串是EmployeeList,输出转换为破折号,即Employee-list。因此,我们必须将驼峰大小写的字符串分割成单词,用连字符替换第二个单词,并将第一个字母改为小写。

你可以查看我其他关于字符串大小写转换的教程

在JavaScript中把骆驼大写转换为连字符

以下是在JavaScript/typescript中进行转换的多种方法。

使用正则表达式

用正则表达式来拆分单词,并将每个单词的第一个字母转换成小写,预计第一个字符串。

let str = 'employeeListOne';
console.log(str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase());

输出:

employee-list-one

param-case npm库

我们可以使用param-case npm package 来做转换,而不是为此编写自定义逻辑。它是非常流行的软件包,也是NodeJS项目中下载最多的工具。

你可以在Angular****、ReactVuejs应用程序中使用,将骆驼大写字母转换成连字符。

首先,使用npm命令安装该包。

npm install param-case --save

你可以导入paramCase 类,如下所示

在javascript中。

const paramCase=require("param-case");

在typescript中

import { paramCase } from "param-case";

你可以将字符串传递给paramCase类,如下所示

paramCase("emptyString"); //=> "empty-string"
paramCase("twoWords"); //=> "two-words"

在javascript中把Hypen转换为camelcase

例如,给定的输入字符串是虚线,array-list ,而输出是驼峰大小写,即arrayList。

骆驼大写字母方法

camelCase是lodash库中的一个简单的实用方法,它可以将给定的虚线或空格字符串转换为驼峰大写。语法:

camelCase(string)

输入参数是一个字符串,输出是以camelCase格式返回的字符串。

var dashString = 'array-list';
result = _.camelCase(dashString); // arrayList