Lodash title case (ตัวพิมพ์ใหญ่ตัวแรกของทุกคำ)

ฉันกำลังดูเอกสาร lodash และคำถาม Stack Overflow อื่น ๆ - ในขณะที่มีJavaScript ดั้งเดิมหลายวิธีในการทำงานนี้ให้สำเร็จมีวิธีใดบ้างที่ฉันสามารถแปลงสตริงเป็นตัวพิมพ์ใหญ่โดยใช้ฟังก์ชัน lodash อย่างหมดจด (หรืออย่างน้อยก็มีฟังก์ชัน prototypal ที่มีอยู่) เพื่อที่ฉันจะได้ไม่ต้องใช้นิพจน์ทั่วไปหรือกำหนดฟังก์ชันใหม่?

เช่น

This string ShouLD be ALL in title CASe

ควรจะเป็น

This String Should Be All In Title Case

สามารถทำได้ด้วยการปรับเปลี่ยนเล็กน้อยของ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))

สำหรับข้อความที่ไม่ได้สร้างโดยผู้ใช้สิ่งนี้จะจัดการกับกรณีต่างๆมากกว่าคำตอบที่ยอมรับ

> 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'

กับ lodash เวอร์ชั่น 4.

_.upperFirst(_.toLower(str))

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

คำถามนี้มีคำตอบหลายแบบ บางคนจะแนะนำให้ใช้ในขณะที่บางแนะนำ_.upperFirst_.startCase

รู้ความแตกต่างระหว่างพวกเขา

i) _.upperFirstจะแปลงตัวอักษรตัวแรกของสตริงของคุณจากนั้นสตริงอาจเป็นคำเดียวหรือหลายคำ แต่ตัวอักษรตัวแรกของสตริงของคุณจะเปลี่ยนเป็นตัวพิมพ์ใหญ่

_.upperFirst('jon doe')

เอาต์พุต:

Jon doe

ตรวจสอบเอกสารhttps://lodash.com/docs/4.17.10#upperFirst

ii) _.startCaseจะแปลงตัวอักษรตัวแรกของทุกคำในสตริงของคุณ

_.startCase('jon doe')

เอาต์พุต:

Jon Doe

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

นี่เป็นวิธีที่ใช้เฉพาะวิธี lodash เท่านั้นและไม่มีวิธีการในตัว:

_.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(' ')

คุณยังสามารถแยกฟังก์ชั่นแผนที่เพื่อแยกคำ

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

เว้นแต่ฉันจะพลาด lodash ไม่มีวิธีตัวพิมพ์เล็ก / ใหญ่ของตัวเอง

ไม่กระชับเท่าคำตอบของ @ 4castle แต่มีคำอธิบายและเต็มไปด้วยอย่างไรก็ตาม ...

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>

นี่เป็นอีกวิธีหนึ่งสำหรับกรณีการใช้งานของฉัน: "กระดูกสันหลังของปีศาจ"

เพียงแค่:

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

การใช้ startCase จะลบเครื่องหมายวรรคตอนดังนั้นฉันจึงต้องหลีกเลี่ยงข้อ จำกัด นั้น วิธีแก้ปัญหาอื่น ๆ ดูเหมือนจะค่อนข้างซับซ้อน ชอบแบบนี้เพราะสะอาดเข้าใจง่าย

สิ่งนี้สามารถทำได้ด้วย lodash เท่านั้น

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

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

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

โค้ดด้านล่างจะทำงานได้อย่างสมบูรณ์:

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

ด้วย lodash 4 คุณสามารถใช้ _.capitalize ()

_.capitalize('JOHN') มันส่งคืน 'John'

ดูรายละเอียดhttps://lodash.com/docs/4.17.5#capitalize