sf-utils2 sf-utils2
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
版本v3.3.3-beta1
首页
  • 01.快速开始 🔥
  • 02.基础-Base
  • 03.对象-Object
  • 04.数组-Array
  • 05.方法-Function
  • 06.字符串-String
  • 07.数学-Math
  • 08.dom
  • 09.拓展
  • webpack5.x教程学习 (opens new window)
  • 例子
  • 教程 🔥
  • 例子配置
企业级后台模版 (opens new window)
  • 快速开始

  • 基础-Base

  • 对象-Object

  • 数组-Array✨✨✨

  • 方法-Function

  • 字符串-String

    • 序言 👏
    • escapeHTML【转义HTML】
    • stripHTMLTags【删除字符串HTMl标签】
    • lowerCamelCase【小驼峰命名,首字符小写】
    • upperCamelCase【大驼峰命名】
    • capitalize【首字母大写】
    • camelCase【小驼峰命名】
    • kebabCase【中横线命名】
      • 1.示例
      • 2.入参说明
      • 3.源码
    • snakeCase【蛇形命名法】
    • isSnakeCase【是否是蛇形命名】
  • 数学-Math

  • 文件-Buffer

  • 节点-dom

  • 拓展

  • nodejs

目录

kebabCase【中横线命名】

描述

将驼峰命名改成中横线命名

# 1.示例

import { kebabCase } from 'sf-utils2'

kebabCase('userName') // 结果:user-name
kebabCase('helloWorld_name') // 结果:hello-world_name
kebabCase('cellItem') // 结果:cell-item
kebabCase('USERITEM') // 结果:u-s-e-r-i-t-e-m
1
2
3
4
5
6

# 2.入参说明

参数 说明 类型 是否必填 默认值
str 要调整的字符串 String - -

# 3.源码

源码,点开查看 👈
/**
 * 将驼峰命名改成中横线命名
 * @param {string} str
 * @returns {*}
 */
function kebabCase(str) {
  const hyphenateRE = /([^-])([A-Z])/g
  return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase()
}
1
2
3
4
5
6
7
8
9
上次更新: 2023/06/24, 19:35:48
camelCase【小驼峰命名】
snakeCase【蛇形命名法】

← camelCase【小驼峰命名】 snakeCase【蛇形命名法】→

Theme by Vdoing | Copyright © 2022-2025 bianpengfei
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×