Bài viết này giải thích cách chuyển đổi một chuỗi thành ký tự chữ thường và chữ hoa.
Chúng ta cũng sẽ tìm hiểu cách chỉ viết hoa chữ cái đầu tiên trong một từ và cách viết hoa chữ cái đầu tiên của mỗi từ trong một câu.
Bắt đầu nào!
Làm thế nào để sử dụng toLowerCase()
phương thức trong JavaScript
Các toLowerCase
phương thức chuyển đổi một chuỗi thành chữ thường.
Cú pháp chung cho phương thức trông như thế này:
String.toLowerCase()
Các toLowerCase()
phương thức không nhận bất kỳ tham số nào.
Chuỗi trong JavaScript là bất biến. Các toLowerCase()
chuyển đổi chuỗi được chỉ định thành một chuỗi mới chỉ bao gồm các chữ cái viết thường và trả về giá trị đó.
Nó có nghĩa là chuỗi gốc, cũ không bị thay đổi hoặc bị ảnh hưởng theo bất kỳ cách nào.
let myGreeting = 'Hey there!';
console.log(myGreeting.toLowerCase());
//output
//hey there!
chuỗi myGreeting
chỉ bao gồm một chữ in hoa được chuyển đổi thành chữ thường.
Bất kỳ chữ cái nào đã là chữ thường đều không bị ảnh hưởng bởi toLowerCase()
phương thức, chỉ những cái viết hoa. Những chữ cái này giữ nguyên hình thức ban đầu của chúng.
Chuỗi trong ví dụ dưới đây bao gồm tất cả các chữ in hoa. Tất cả chúng sau đó được chuyển thành chữ thường khi toLowerCase()
phương pháp được áp dụng.
const anotherGreeting = 'GOOD MORNING!!';
console.log(anotherGreeting.toLowerCase());
//output
//good morning!!
Làm thế nào để sử dụng toUpperCase()
phương thức trong JavaScript
Các toUpperCase()
phương pháp tương tự như toLowerCase()
nhưng thay vào đó, nó chuyển đổi giá trị chuỗi thành chữ hoa.
Cú pháp chung để gọi phương thức như sau:
String.toUpper()
Nó không đưa vào bất kỳ tham số nào.
Vì các chuỗi trong JavaScript là bất biến, nên toLowerCase()
phương thức không thay đổi giá trị của chuỗi được chỉ định.
Thay vào đó, nó trả về một giá trị mới. Chuỗi đã chỉ định được chuyển đổi thành một chuỗi mới có nội dung chỉ bao gồm tất cả các chữ cái viết hoa. Điều này có nghĩa là bây giờ sẽ có hai chuỗi: chuỗi gốc và chuỗi được viết hoa mới được chuyển đổi.
console.log('I am shouting!'.toUpperCase());
//output
//I AM SHOUTING!
Bất kỳ chữ in hoa nào đã có trong chuỗi sẽ không bị ảnh hưởng và sẽ không thay đổi khi toLowerCase()
phương thức được gọi.
Cách chỉ viết hoa chữ cái đầu tiên trong chuỗi trong JavaScript
Điều gì sẽ xảy ra nếu bạn chỉ muốn đặt chữ cái đầu tiên của chuỗi thành chữ hoa?
Dưới đây là một ví dụ đơn giản chỉ cho bạn một cách để làm điều đó.
Giả sử có một biến gọi là myGreeting
với giá trị chuỗi của hello
trong tất cả các chữ thường.
let myGreeting = 'hello';
Trước tiên, bạn xác định vị trí và trích xuất chữ cái đầu tiên của chuỗi đó bằng cách sử dụng chỉ mục của nó. Sau đó, bạn gọi cho toUpperCase()
phương pháp trên bức thư cụ thể đó.
Xin nhắc lại, lập chỉ mục trong JavaScript (và hầu hết các ngôn ngữ lập trình) bắt đầu từ vì vậy chữ cái đầu tiên có chỉ số là
.
Lưu hoạt động này trong một biến mới được gọi là capFirstLetter
.
let capFirstLetter = myGreeting[0].toUpperCase();
console.log(capFirstLetter);
// returns the letter 'H' in this case
Tiếp theo, bạn muốn tách riêng và cắt bỏ ký tự đầu tiên đó và giữ lại phần còn lại của chuỗi.
Một cách để làm điều này là sử dụng slice()
phương pháp. Điều này tạo ra một chuỗi mới bắt đầu từ chỉ mục được chỉ định cho đến hết từ.
Bạn muốn bắt đầu từ chữ cái thứ hai cho đến hết giá trị.
Trong trường hợp này, đối số bạn nên chuyển đến slice()
là một chỉ số của 1
vì đó là chỉ mục của chữ cái thứ hai.
Bằng cách này, ký tự đầu tiên bị loại trừ hoàn toàn. Một chuỗi mới được trả về không có nó nhưng chứa các ký tự còn lại – trừ chữ cái đầu tiên đó.
Sau đó lưu thao tác đó vào một biến mới.
let restOfGreeting = myGreeting.slice(1);
console.log(restOfGreeting);
//returns the string 'ello'
Bằng cách kết hợp hai biến mới với phép nối, bạn sẽ có được một chuỗi mới chỉ có chữ cái đầu tiên được viết hoa.
let newGreeting = capFirstLetter + restOfGreeting;
console.log(newGreeting);
//Hello
Một cách khác là kết hợp các bước ở trên và cô lập chúng trong một hàm.
Chức năng được tạo chỉ một lần. Sau đó, hàm trả về một chuỗi mới với chữ cái đầu tiên được viết hoa.
Lượng mã bạn cần viết ít hơn đáng kể trong khi cũng có thể chuyển bất kỳ chuỗi nào dưới dạng đối số mà không cần viết mã lặp lại.
function capFirst(str) {
return str[0].toUpperCase() + str.slice(1);
}
console.log(capFirst('hello'));
//output
//Hello
Cách viết hoa chữ cái đầu tiên của mỗi từ trong JavaScript
Nhưng làm thế nào để viết hoa chữ cái đầu tiên của mỗi từ trong câu?
Phương pháp được hiển thị trong phần trên sẽ không hiệu quả vì nó không xử lý nhiều từ mà chỉ xử lý một từ trong câu.
Giả sử bạn có một câu như dưới đây. Bạn muốn viết hoa mọi từ đầu tiên trong câu.
let learnCoding = 'learn to code for free with freeCodeCamp';
Bước đầu tiên là chia câu thành các từ riêng lẻ và làm việc với từng từ riêng biệt.
Đối với điều đó, bạn sử dụng split()
phương thức và chuyển một khoảng trắng làm đối số. Điều đó có nghĩa là với mỗi khoảng trống trong câu được cung cấp, một mục sẽ được chuyển vào một mảng mới.
Nó tách câu dựa trên khoảng trống.
Tạo một biến mới và lưu trữ mảng mới.
let splitLearnCoding = learnCoding.split(" ");
console.log(splitLearnCoding);
//['learn', 'to', 'code', 'for', 'free', 'with', 'freeCodeCamp']
Bây giờ từ câu đó, có một mảng từ mới cho phép bạn thao tác riêng với từng từ.
Vì bây giờ có một mảng mới, bạn có thể sử dụng map()
để lặp lại từng mục riêng lẻ bên trong nó.
bên trong map()
phương pháp, bạn sử dụng quy trình tương tự được trình bày trong phần bên trên để lấy từng từ riêng lẻ, viết hoa chữ cái đầu tiên và trả về phần còn lại của từ.
let capSplitLearnCoding = splitLearnCoding.map(word => {
return word[0].toUpperCase() + word.slice(1);
})
console.log(capSplitLearnCoding);
//['Learn', 'To', 'Code', 'For', 'Free', 'With', 'FreeCodeCamp']
Chữ cái đầu tiên của mỗi từ bây giờ được viết hoa.
Tất cả những gì còn lại bây giờ là kết hợp các từ trong mảng lại với nhau trong một câu duy nhất.
Cho rằng bạn sử dụng join()
phương thức và chuyển một khoảng trắng làm đối số.
let learnCodingNew = capSplitLearnCoding.join(" ");
console.log(learnCodingNew);
//Learn To Code For Free With FreeCodeCamp
Như đã trình bày trong phần trên, bạn cũng có thể tạo một hàm kết hợp tất cả các bước này. Sau đó, bạn sẽ có thể chuyển bất kỳ chuỗi nào làm đối số và mỗi từ đầu tiên trong đó sẽ là chữ hoa.
function capFirstLetterInSentence(sentence) {
let words = sentence.split(" ").map(word => {
return word[0].toUpperCase() + word.slice(1);
})
return words.join(" ");
}
console.log(capFirstLetterInSentence("i am learning how to code"));
//I Am Learning How To Code
Phần kết luận
Và bạn có nó rồi đấy! Đây là cách bạn sử dụng toLowerCase()
và toUpperCase()
các phương thức trong JavaScript.
Bạn đã học cách viết hoa chữ cái đầu tiên của từ và viết hoa chữ cái đầu tiên của mỗi từ trong câu.
Nếu bạn muốn học JavaScript và hiểu rõ hơn về ngôn ngữ này, freeCodeCamp có Chứng chỉ JavaScript miễn phí.
Bạn sẽ bắt đầu từ những điều cơ bản với tư cách là người mới bắt đầu tuyệt đối với ngôn ngữ và sau đó chuyển sang các chủ đề phức tạp hơn như Lập trình hướng đối tượng, Lập trình hàm, Cấu trúc dữ liệu, Thuật toán và các kỹ thuật Gỡ lỗi hữu ích.
Cuối cùng, bạn sẽ xây dựng năm dự án để thực hành các kỹ năng của mình.
Cảm ơn đã đọc, và học tập vui vẻ!