Chuyển đổi giá trị mảng thành chữ thường JavaScript

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

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!

6 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()

Phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

5 không nhận bất kỳ tham số nào

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!

5 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 cũ, gố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

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

9 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 thì không bị ảnh hưởng bởi phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

5, chỉ có chữ 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 áp dụng phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

5

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!! 2 trong JavaScript

Phương thức

const  anotherGreeting = 'GOOD MORNING!!';

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

2 tương tự như phương thức

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

5 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 nhận bất kỳ tham số nào

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

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

5 không thay đổi giá trị của chuỗi đã 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ữ hoa. Điều này có nghĩa là bây giờ sẽ có hai chuỗi. chữ gốc và chữ hoa mới 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!

5 đượ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 tên là

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

9 với giá trị chuỗi là

const  anotherGreeting = 'GOOD MORNING!!';

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

8, tất cả đều là 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 phương thức

const  anotherGreeting = 'GOOD MORNING!!';

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

2 trên chữ cái 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ừ

String.toUpper()

0, vì vậy chữ cái đầu tiên có chỉ mục là

String.toUpper()

0

Lưu hoạt động này trong một biến mới có tên là

String.toUpper()

2

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à sử dụng phương pháp

String.toUpper()

3. Đ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 khi kết thúc 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

String.toUpper()

3 là chỉ mục của

String.toUpper()

5 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 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 phép nối, bạn sẽ nhận đượ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

Hàm đượ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 đ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 để viết hoa chữ cái đầu tiên của mỗi từ trong câu?

Phương pháp hiển thị trong phần trên sẽ không hoạt động vì nó không xử lý nhiều từ, chỉ 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 myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

0

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 phương thức

String.toUpper()

6 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ó chia 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 myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

1

Bây giờ từ câu đó, có một mảng từ mới cho phép bạn thao tác từng từ riêng lẻ, 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

String.toUpper()

7 để lặp lại từng mục riêng lẻ bên trong nó

Trong phương pháp

String.toUpper()

7, bạn sử dụng quy trình tương tự được trình bày trong phầ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 myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

2

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 thành một câu duy nhất

Để làm được điều đó, bạn sử dụng phương thức

String.toUpper()

9 và truyền một khoảng trắng làm đối số

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

3

Như đã trình bày ở 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

let myGreeting = 'Hey there!';

console.log(myGreeting.toLowerCase());

//output
//hey there!

4

Phần 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!

5 và

const  anotherGreeting = 'GOOD MORNING!!';

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

2 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, chúc bạn học tập vui vẻ

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

---

Dionysia Lemonaki

Học một cái gì đó mới mỗi ngày và viết về nó

---

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Làm cách nào để chuyển đổi giá trị mảng thành chữ hoa trong JavaScript?

Làm thế nào bạn sẽ di chuyển một phần tử từ chữ thường sang chữ hoa từ một mảng?

Làm cách nào để chuyển đổi một mảng chuỗi thành chữ thường trong Java?