字符串首字母大寫的小技巧

首字母大寫js方法

// 方法1 (Vue 2.x 版本中使用過該方法)
function capitalize(str) {
    return str.charAt(0).toUpperCase() + str.slice(1)
 }

// 方法2 -- 使用replace
function capitalize(str) {
    return str.replace(/^[a-z]/g, (L) => L.toUpperCase())
}

// 方法3
function capitalize(str) {
    return str.replace(/^\S/g, (L) => L.toUpperCase())
}

// 方法3
function capitalize(str) {
    return str.replace(/\b(\w)(\w*)/g, ($0, $1, $2) => {
        return $1.toUpperCase() + $2
    })
}

// 方法4 -- es6
function capitalize([c, ...r]) {
    return c.toUpperCase() + r.join('')
}

首字母大寫css方法

/* 方法5 -- 如果你只是想要單純的在頁面上展示一個首字母大寫的字符串可以考慮使用css */
.capitalize {
    text-transform: capitalize;
}