Làm cách nào để bạn viết hoa mọi thứ trong javascript?
Trong bài đánh giá này, bạn sẽ thành thạo cách viết hoa chữ cái đầu tiên trong JS với các phương pháp trên. Tiếp tục đọc để xem phương pháp nào phù hợp với dự án mã hóa hiện tại của bạn
nội dung Cách viết hoa chữ cái đầu tiên trong JavaScript. Phương pháp thực hiệnCác phương pháp khác nhau được đề cập ở trên mang lại sự linh hoạt về cách viết hoa chữ cái trong JavaScript. Bạn chỉ có thể biến chữ cái đầu tiên của chuỗi thành chữ in hoa. Ví dụ “đây là xe của tôi” → “Đây là xe của tôi. ” Ngoài ra, bạn có thể sử dụng các phương thức này trong JavaScript để viết hoa chữ cái đầu tiên của mỗi từ trong một chuỗi. Ví dụ “đây là xe của tôi” → “Đây là xe của tôi. ” Nó đơn giản thế thôi. Tuy nhiên, để đạt được kết quả xuất sắc đòi hỏi phải hiểu sâu hơn về cách thức hoạt động của từng phương pháp riêng lẻ hoặc với các chức năng tương tự Trong phần này của bài viết, chúng ta sẽ xem xét các cách khác nhau để viết hoa các chữ cái trong JavaScript Chuỗi JavaScript. Cách viết hoa chữ cái đầu tiên của chuỗiBạn có thể sử dụng riêng phương thức toUpperCase() hoặc kết hợp với phương thức slice() . and charAt () methods to change into uppercase the first letter of a string in JavaScript. – Chỉ sử dụng phương thức toUpperCase()Phương thức toUpperCase() sẽ viết hoa chuỗi JavaScript has mà không làm thay đổi nội dung của chuỗi. Tuy nhiên, kỹ thuật biến nội dung của toàn bộ chuỗi ký tự thành chữ in hoa Hãy nhớ rằng, các chuỗi trong JavaScript là bất biến. Vì vậy, sau khi gọi phương thức toUpperCase, kết quả sẽ là hai chuỗi trong bộ nhớ mã. Các chuỗi kết quả là chuỗi được chuyển đổi và chuỗi gốc – Cú phápSợi dây. Đến trường hợp trên()– Mã ví dụ. Viết hoa toàn bộ câuconst str = 'Bạn khỏe không. ’;bảng điều khiển. nhật ký (str. Đến trường hợp trên()); . BẠN CÓ KHỎE KHÔNG Phương thức này không nhận bất kỳ tham số nào. Ngoài ra, chữ in hoa sẽ không thay đổi. Trong ví dụ trên, H không thay đổi Ngoài ra, phương thức này không ảnh hưởng đến các ký tự đặc biệt, như “. ” ở cuối chuỗi. Tương tự, các chữ số không thay đổi. Trong chuỗi mới, các ký tự này vẫn ở vị trí chính xác như trong chuỗi ban đầu Cách viết hoa chữ cái đầu tiên chỉ bằng phương thức toUpperCase()Phải mất ba bước để viết hoa chỉ một chữ cái của chuỗi JavaScript
Tại đây, hãy sử dụng chỉ mục của ký tự đầu tiên của chuỗi với ký hiệu chuỗi con [0] và sau đó viết hoa bằng cách áp dụng toUpperCase(). Trong Js, việc đếm bắt đầu từ số không, nghĩa là vị trí đầu tiên của một mảng là số không; – Mã ví dụấn phẩm const = “freeCodeCamp”;Để xóa chữ cái (f) khỏi freeCodeCamp, hãy gọi xuất bản [0] như trong ví dụ mã bên dưới const xuất bản = “freeCodeCamp”;xuất bản[0]. toUpperCase(); Ngoài ra, bạn có thể sử dụng phương thức substring() cho phần thứ hai để tạo một chuỗi bao gồm tất cả các ký tự trừ ký tự đầu tiên Khi bạn chạy mã, nó sẽ trả về chữ F viết hoa thay vì chữ f nhỏ. Nếu bạn muốn lấy lại toàn bộ từ, hãy chạy mã bên dưới const xuất bản = “freeCodeCamp”;xuất bản[0]. toUpperCase() + xuất bản. chuỗi con(1); Hành động này nối chữ “F” viết hoa với “reeCodeCamp”, tạo ra từ “FreeCodeCamp. ” Nó sử dụng toán tử ‘+’ để kết hợp hai chuỗi JavaScript viết hoa chữ cái đầu tiên. Kết hợp ba phương phápBạn có thể kết hợp ba phương thức trong JavaScript để viết hoa chữ cái đầu tiên của chuỗi JS. Nhưng trước tiên, hãy xác định hai phương thức còn lại – slice () và charAt (). – Phương thức charAt()Các phương thức JS charAt() trả về một ký tự tại một vị trí/chỉ mục đã chỉ định trong một chuỗi – Cú phápsợi dây. charAt(chỉ mục)Một chỉ mục là một số nguyên giữa “0” và stringName. chiều dài -1. Nếu không có chỉ mục nào được cung cấp hoặc không thể chuyển đổi chỉ mục thành số nguyên, thì giá trị mặc định là '0'; – Mã ví dụconst str = ‘phân bò’;const str2 = str. charAt(0); bảng điều khiển. log(str2); //Đầu ra. c Ví dụ mã này hiển thị một ký tự ở vị trí đầu tiên của chuỗi. Hãy nhớ rằng, các ký tự được lập chỉ mục từ trái sang phải trong một chuỗi và chỉ mục của ký tự đầu tiên thường là 0 trong khi ký tự cuối cùng là stringName. chiều dài – 1 – Phương thức Slice()Phương thức slice() trong JavaScript trích xuất một phần của chuỗi và trả về phần được trích xuất trong một chuỗi mới mà không thay đổi chuỗi ban đầu. Thông thường, hàm slice() cắt một chuỗi từ một chuỗi đã chỉ định giữa hai điểm đã chỉ định (điểm đầu và điểm cuối). Điểm bắt đầu và điểm cuối đại diện cho các mục chỉ mục trong mảng đó – Cú phápsợi dây. lát (bắt đầu, kết thúc)Điểm bắt đầu là một chỉ mục tùy chọn, dựa trên số không và cho biết nơi bắt đầu quá trình trích xuất. Bạn có thể sử dụng chỉ số âm, biểu thị phần bù từ cuối chuỗi. Khi điểm bắt đầu không được xác định, lát cắt sẽ bắt đầu từ chỉ mục '0'. Ngược lại, nếu bắt đầu lớn hơn phạm vi chỉ mục của chuỗi, nó sẽ trả về một mảng trống Tương tự, điểm kết thúc là tùy chọn và là chỉ số dựa trên 0 trước điểm kết thúc quá trình trích xuất. Slice () trích xuất hàm, tối đa nhưng không bao gồm, kết thúc. Chẳng hạn, lát cắt (1, 5) trích xuất các phần tử được lập chỉ mục 1,2,3 và 4 Bạn cũng có thể sử dụng chỉ số âm, biểu thị phần bù từ cuối chuỗi. Khi bạn bỏ qua phần cuối, slice () sẽ trích xuất thông qua phần cuối của chuỗi – Mã ví dụlet text = “phân bò. ;let result = text. slice(0,5); //Đầu ra. con bò đ – Ví dụ về mã ba chức năngconst str = ‘phân bò’;const str2 = str. charAt(0). toUpperCase() + str. slice(1); bảng điều khiển. log(str2); //Đầu ra. phân bò Đầu ra của mã ở trên cho thấy việc kết hợp ba phương thức để viết hoa chữ cái đầu tiên của chuỗi JavaScript dễ dàng như thế nào Chữ cái viết hoa JavaScript đầu tiên. Viết hoa từng chữ cái đầu tiên trong chuỗi JSKhi bạn muốn viết hoa chữ cái đầu tiên của chuỗi JavaScript cho phép bạn sử dụng các phương pháp nêu trên. Tuy nhiên sẽ hơi khác một chút khi bạn muốn viết hoa các chữ cái đầu tiên của mỗi từ trong chuỗi JavaScript. Kiểm tra ví dụ mã const str = ‘chào bạn, dạo này bạn thế nào?’;Đây là cách thực hiện và viết hoa từng chữ cái của mỗi từ – Tách chuỗi thành các từ riêng biệtThao tác với từng từ sẽ dễ dàng hơn khi bạn chia chuỗi thành một mảng các từ và bạn có thể sử dụng phương thức split() để thực hiện điều đó. Phương thức này lấy một đối tượng chuỗi và phân tách nó theo các ký tự được cung cấp. Trong trường hợp này, hãy chuyển ký tự khoảng trống (‘’) làm giá trị để thực hiện phân tách Hành động này trả về một mảng gồm tất cả các từ trong chuỗi cùng với các ký tự và chữ số đặc biệt của chúng. Điều đó có nghĩa là sẽ có một mục trong mảng cho mọi phần của chuỗi được phân tách bằng ký tự khoảng trắng Đây là cách mã sẽ xuất hiện const strToArr = str. split(‘ ‘);bàn điều khiển. log(strToArr); // đầu ra dự kiến. [“chào mừng”, “bạn”, “làm thế nào”, “có”, “bạn”, “đã từng?”] Hầu hết các mã thông báo là từ; . Lý do cho điều này là chúng ta ra lệnh split() để phân tách các giá trị theo khoảng trắng giữa các từ – Lặp qua mảng và chữ hoa mỗi ký tự đầu tiênLặp qua mảng và làm việc với từng chuỗi. Giống như trong phần trước, lấy ký tự đầu tiên của mỗi chuỗi đơn bằng cách sử dụng chỉ mục đầu tiên ([0]) rồi kết hợp chúng với phần còn lại của chuỗi thu được từ phương thức chuỗi con() Hãy xem một ví dụ mã hóa về cách chúng tôi đã làm điều này const allFirstToUC = strToArr. bản đồ (từ => từ [0]. toUpperCase() + từ. chuỗi con(1));bảng điều khiển. log(allFirstToUC); // đầu ra dự kiến. [“Chào mừng”, “Bạn bè”, “Làm thế nào”, “Có”, “Bạn”, “Đã từng?”] Đây vẫn là một mảng, không phải là một chuỗi; – Kết hợp lại mảng thành một chuỗi đơnTrong bước này, bạn sẽ đặt các mảng chuỗi con lại với nhau và chèn lại các ký tự khoảng trắng mà phương thức split() đã loại bỏ. Để ghép các từ lại với nhau, JavaScript cung cấp phương thức join(). Phương thức join() có thể trả về một mảng dưới dạng một chuỗi vì nó lấy dấu phân cách làm đối số. Lưu ý rằng bạn có thể chỉ định những gì cần thêm vào giữa các từ Hàm lấy một ký tự để xen vào mảng các chuỗi con và sử dụng cùng một ký tự để kết hợp các phần tử mảng lại thành một chuỗi. Để có được cấu trúc câu ban đầu, bạn sẽ cần chuyển vào ký tự khoảng trống làm tham số, tham gia (‘’) Đây là một ví dụ minh họa điều này const newStr = allFirstToUC. tham gia(‘ ‘)bảng điều khiển. log(newStr); // đầu ra dự kiến. Chào mừng bạn, dạo này bạn thế nào? Hãy xem, tất cả các chữ cái đầu tiên của mỗi từ được viết hoa trong toàn bộ chuỗi Lưu ý rằng có nhiều phương pháp khác nhau để lặp qua một mảng. Trong ví dụ mã của chúng tôi, chúng tôi đã sử dụng phương thức map() Sự kết luậnHướng dẫn JavaScript viết hoa này đã dạy cho bạn những điều sau
 5/5 - (17 phiếu)
Vị trí là tất cả Vị trí là tất cả. Tài nguyên Go-To của bạn để Tìm hiểu & Xây dựng. CSS, JavaScript, HTML, PHP, C++ và MYSQL |
