Hướng dẫn how do you change capital letters to lowercase in javascript? - Làm thế nào để bạn thay đổi chữ in hoa thành chữ thường trong javascript?

Bài viết này giải thích cách chuyển đổi một chuỗi thành các ký tự chữ thường và chữ hoa.

Chúng tôi cũng sẽ đi qua cách chỉ làm cho chữ cái đầu tiên trong một từ chữ hoa và làm thế nào để tạo chữ cái đầu tiên của mỗi từ trong một câu chữ hoa.

Bắt đầu nào!

Cách sử dụng phương thức let myGreeting = 'Hey there!'; console.log(myGreeting.toLowerCase()); //output //hey there! 5 trong JavaScript

Phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Cú pháp chung cho phương thức trông như thế này:

String.toLowerCase()

Phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Chuỗi trong JavaScript là bất biến. Phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Nó có nghĩa là chuỗi cũ, nguyên bản 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

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

Bất kỳ chữ cái nào đã không bị ảnh hưởng bởi phương pháp

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Chuỗi trong ví dụ dưới đây bao gồm tất cả các chữ in hoa. Sau đó, tất cả chúng được chuyển đổi thành chữ thường khi phương pháp

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

Cách sử dụng phương thức const anotherGreeting = 'GOOD MORNING!!'; console.log(anotherGreeting.toLowerCase()); //output //good morning!! 5 trong JavaScript

Phương thức

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Cú pháp chung để gọi phương thức trông như thế này:

String.toUpper()

Nó không có trong bất kỳ tham số nào.

Vì các chuỗi trong JavaScript là bất biến, phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Thay vào đó, nó trả về một giá trị mới. Chuỗi được chỉ định được chuyển đổi thành một nội dung mới có nội dung chỉ bao gồm tất cả các chữ cái chữ hoa. Điều này có nghĩa là bây giờ sẽ có hai chuỗi: bản gốc và bản gốc 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 phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Cách chỉ viết hoa chữ cái đầu tiên trong một chuỗi trong JavaScript

Điều gì sẽ xảy ra nếu bạn chỉ muốn làm cho chữ cái đầu tiên của một chuỗi thành vốn?

Dưới đây là một ví dụ đơn giản cho bạn thấy một cách để làm điều đó.

Giả sử có một biến gọi là

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

String.toUpper()

let myGreeting = 'hello';

Trước tiên, bạn định vị 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 phương thức

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

Một lời nhắc nhở, việc 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ừ

String.toUpper()

String.toUpper()

Lưu thao tác này trong một biến mới gọi là

String.toUpper()

let capFirstLetter = myGreeting[0].toUpperCase();

console.log(capFirstLetter);
// returns the letter 'H' in this case

Tiếp theo, bạn muốn cô lập và cắt bỏ ký tự đầu tiên đó và giữ phần còn lại của chuỗi.

Một cách để làm điều này là bằng cách sử dụng phương pháp

String.toUpper()

Bạn muốn bắt đầu từ chữ cái thứ hai cho đến khi kết thúc giá trị.

Trong trường hợp này, đối số bạn nên chuyển sang

String.toUpper()

String.toUpper()

Bằng cách này, nhân vật đầu tiên được loại trừ hoàn toàn. Một chuỗi mới được trả về mà không có nó nhưng chứa phần còn lại của các ký tự - trừ chữ cái đầu tiên đó.

Sau đó lưu hoạt động đó 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 nối, bạn nhận được một chuỗi mới chỉ với 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 từ trên cao và cô lập chúng trong một chức năng.

Hàm được tạo ra chỉ một lần. Hàm sau đó trả về một chuỗi mới với chữ cái đầu tiên được viết hoa.

Số lượng mã bạn cần viết là ít hơn đáng kể trong khi cũng có thể truyền trong bất kỳ chuỗi nào dưới dạng đối số mà không viết mã lặp đi 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 để bạn làm cho chữ cái đầu tiên của mỗi từ trong một câu viết hoa?

Phương thức được hiển thị trong phần trên sẽ không hoạt động vì nó không xử lý nhiều từ, chỉ là một từ duy nhất trong một câu.

Giả sử bạn có một câu giống như câu dưới đây. Bạn muốn tận dụng mọi từ đầu tiên trong câu.

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Bước đầu tiên là chia câu thành các từ riêng lẻ và làm việc riêng với từng từ.

Đối với điều đó, bạn sử dụng phương thức

String.toUpper()

Nó chia các câu dựa trên không gian trống.

Tạo một biến mới và lưu trữ mảng mới.

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Bây giờ từ câu đó, có một loạt các từ mới cho phép bạn tự thao tác từng từ, riêng biệt.

Vì bây giờ có một mảng mới, bạn có thể sử dụng phương thức

console.log('I am shouting!'.toUpperCase());

//output
//I AM SHOUTING!

Trong phương thức

console.log('I am shouting!'.toUpperCase());

//output
//I AM SHOUTING!

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Bức thư đầ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 với nhau trong một câu một lần nữa.

Cho rằng bạn sử dụng phương thức

console.log('I am shouting!'.toUpperCase());

//output
//I AM SHOUTING!

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Như được hiển thị 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 luận án. Sau đó, bạn sẽ có thể vượt qua như một đối số bất kỳ chuỗi nào và mỗi từ đầu tiên trong đó sẽ là chữ hoa.

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

Sự kết luận

Và bạn có nó rồi đấy! Đây là cách bạn sử dụng các phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

const  anotherGreeting = 'GOOD MORNING!!';

console.log(anotherGreeting.toLowerCase());
//output
//good morning!!

Bạn đã học được cách tận dụng chữ cái đầu tiên của một từ và viết hoa chữ cái đầu tiên của mỗi từ trong một câu.

Nếu bạn muốn học JavaScript và hiểu rõ hơn về ngôn ngữ, Freecodecamp có chứng nhận JavaScript miễn phí.

Bạn sẽ bắt đầu từ những điều cơ bản như một người mới bắt đầu tuyệt đối với ngôn ngữ và sau đó tiến tới các chủ đề phức tạp hơn như lập trình hướng đối tượng, lập trình chức năng, cấu trúc dữ liệu, thuật toán và kỹ thuật gỡ lỗi hữu ích.

Cuối cùng, bạn sẽ xây dựng năm dự án để đưa các kỹ năng của mình vào thực hành.

Cảm ơn bạn đã đọc, và học hỏi hạnh phúc!