Phương thức toUpperCase() trong JavaScript

• Trần Thị Vân
• 985
• 30/08/2025

Chức năng của Phương thức toUpperCase() trong JavaScript

Phương thức toUpperCase() trong JavaScript dùng để biến tất cả chữ trong chuỗi thành chữ in hoa vào một chuỗi mới và không làm thay đổi chuỗi gốc.

Cú pháp của Phương thức toUpperCase() trong JavaScript

var chuoimoi  = chuoigoc.toUpperCase();

chuoigoc: Chuỗi gốc.

chuoimoi: Chuỗi mới.

Code Phương thức toUpperCase() trong JavaScript

<script>
   var chuoigoc = "Web Mới xin chào quý khách!";
   var chuoimoi  = chuoigoc.toUpperCase();
   document.write(chuoimoi);
</script>

Kết quả:

WEB MỚI XIN CHÀO QUÝ KHÁCH!

Chạy Thử

Những lưu ý khi sử dụng phương thức toUpperCase() trong JavaScript

Khi sử dụng toUpperCase(), bạn nên chú ý đến cách JavaScript xử lý chuỗi gốc, ký tự tiếng Việt và sự khác biệt với toLocaleUpperCase(). Nắm rõ những điểm này sẽ giúp việc chuyển đổi chữ hoa ổn định hơn, đặc biệt khi xử lý dữ liệu nhập từ người dùng.

toUpperCase() không thay đổi chuỗi ban đầu

toUpperCase() trả về một chuỗi mới sau khi chuyển các ký tự phù hợp thành chữ hoa, thay vì sửa trực tiếp chuỗi ban đầu. Vì chuỗi trong JavaScript là kiểu dữ liệu bất biến, muốn sử dụng kết quả chuyển đổi, bạn cần gán nó cho biến hoặc sử dụng trực tiếp trong biểu thức.

const text = "web moi";
const upperText = text.toUpperCase();

console.log(text);
console.log(upperText);

Trong ví dụ trên, giá trị của text vẫn là "web moi", còn upperText nhận chuỗi mới là "WEB MOI". Đây là điểm cần lưu ý khi muốn chuẩn hóa dữ liệu trước khi lưu trữ, so sánh hoặc hiển thị.

Xử lý chuỗi có ký tự tiếng Việt khi dùng toUpperCase()

toUpperCase() có thể chuyển đổi các ký tự tiếng Việt có dạng chữ hoa tương ứng, bao gồm những ký tự có dấu. Do đó, phương thức này có thể được sử dụng khi cần chuẩn hóa nội dung tiếng Việt về dạng chữ in hoa.

const text = "Việt Nam";
console.log(text.toUpperCase());

Kết quả nhận được là "VIỆT NAM". Tuy nhiên, khi xử lý dữ liệu thực tế, bạn vẫn nên kiểm tra đầu vào nếu chuỗi có thể chứa nhiều loại ký tự, ngôn ngữ hoặc quy tắc viết hoa đặc thù.

Phân biệt toUpperCase() với toLocaleUpperCase()

Cả toUpperCase() và toLocaleUpperCase() đều được dùng để chuyển chuỗi sang chữ hoa, nhưng cách xử lý của chúng có điểm khác biệt. toUpperCase() sử dụng quy tắc chuyển đổi chữ hoa thông thường của JavaScript, trong khi toLocaleUpperCase() cho phép áp dụng quy tắc phù hợp với một locale cụ thể.

Với các chuỗi thông thường, hai phương thức có thể cho kết quả giống nhau. Tuy nhiên, khi ứng dụng hỗ trợ nhiều ngôn ngữ và cần xử lý những trường hợp viết hoa phụ thuộc vào ngôn ngữ, toLocaleUpperCase() có thể phù hợp hơn.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức toUpperCase() trong JavaScript.