Dấu gạch đầu dòng tiêu đề (viết hoa chữ cái đầu tiên của mỗi từ)

Tôi đang xem qua tài liệu lodash và các câu hỏi Stack Overflow khác - trong khi có một số cách JavaScript nguyên bản để hoàn thành nhiệm vụ này , có cách nào tôi có thể chuyển đổi một chuỗi thành tiêu đề bằng cách sử dụng các hàm lodash hoàn toàn (hoặc ít nhất là các hàm nguyên mẫu hiện có) để tôi không phải sử dụng biểu thức chính quy hoặc xác định một hàm mới?

ví dụ

This string ShouLD be ALL in title CASe

nên trở thành

This String Should Be All In Title Case

Điều này có thể được thực hiện với một sửa đổi nhỏ startCase:

_.startCase(_.toLower(str));

console.log(_.startCase(_.toLower("This string ShouLD be ALL in title CASe")));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>

_.startCase(_.camelCase(str))

Đối với văn bản không phải do người dùng tạo, điều này xử lý nhiều trường hợp hơn câu trả lời được chấp nhận

> startCase(camelCase('myString'))
'My String'
> startCase(camelCase('my_string'))
'My String'
> startCase(camelCase('MY_STRING'))
'My String'
> startCase(camelCase('my string'))
'My String'
> startCase(camelCase('My string'))
'My String'

với phiên bản lodash 4.

_.upperFirst(_.toLower(str))

'This string ShouLD be ALL in title CASe'
  .split(' ')
  .map(_.capitalize)
  .join(' ');

Có nhiều câu trả lời khác nhau cho câu hỏi này. Một số đề xuất sử dụng _.upperFirsttrong khi một số đề xuất _.startCase.

Biết sự khác biệt giữa chúng.

i) _.upperFirstsẽ biến đổi chữ cái đầu tiên trong chuỗi của bạn, sau đó chuỗi có thể gồm một từ hoặc nhiều từ nhưng chữ cái đầu tiên duy nhất của chuỗi của bạn được chuyển thành chữ hoa.

_.upperFirst('jon doe')

đầu ra:

Jon doe

kiểm tra tài liệu https://lodash.com/docs/4.17.10#upperFirst

ii) _.startCasesẽ biến đổi chữ cái đầu tiên của mỗi từ bên trong chuỗi của bạn.

_.startCase('jon doe')

đầu ra:

Jon Doe

https://lodash.com/docs/4.17.10#startCase

Đây là một cách CHỈ sử dụng phương thức lodash và không sử dụng phương pháp nội trang:

_.reduce(_.map(_.split("Hello everyOne IN the WOrld", " "), _.capitalize), (a, b) => a + " " + b)

const titleCase = str =>
  str
    .split(' ')
    .map(str => {
      const word = str.toLowerCase()
      return word.charAt(0).toUpperCase() + word.slice(1)
    })
    .join(' ')

Bạn cũng có thể tách chức năng bản đồ để làm các từ riêng biệt

 var s = 'This string ShouLD be ALL in title CASe';
 _.map(s.split(' '), (w) => _.capitalize(w.toLowerCase())).join(' ')

Trừ khi tôi bỏ lỡ, lodash không có các phương thức viết thường / viết hoa riêng.

Không ngắn gọn như câu trả lời của @ 4castle, nhưng mang tính mô tả và đầy đủ, tuy nhiên ...

var basicTitleCase = _
    .chain('This string ShouLD be ALL in title CASe')
    .toLower()
    .words()
    .map(_.capitalize)
    .join(' ')
    .value()

console.log('Result:', basicTitleCase)
console.log('Exact Match:' , basicTitleCase === 'This String Should Be All In Title Case')

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>

Đây là một giải pháp khác cho trường hợp sử dụng của tôi: "xương sống của quỷ"

Đơn giản:

function titleCase (str) {
  return _.map(str.split(' '), _.upperFirst).join(' ');
}

Sử dụng startCase sẽ loại bỏ dấu nháy đơn, vì vậy tôi phải khắc phục hạn chế đó. Các giải pháp khác có vẻ khá phức tạp. Tôi thích điều này vì nó sạch sẽ, dễ hiểu.

Điều này có thể được thực hiện chỉ với lodash

properCase = string =>
        words(string)
            .map(capitalize)
            .join(' ');

const proper = properCase('make this sentence propercase');

console.log(proper);
//would return 'Make This Sentence Propercase'

Đoạn mã dưới đây sẽ hoạt động hoàn hảo:

var str = "TITLECASE";
_.startCase(str.toLowerCase());

với lodash 4, bạn có thể sử dụng _.capitalize ()

_.capitalize('JOHN') Nó trả về 'John'

Xem https://lodash.com/docs/4.17.5#capitalize để biết thêm chi tiết