Viết hoa chữ cái đầu tiên JavaScript

Chương trình JavaScript viết hoa chữ cái đầu tiên của chuỗi

Javascript cung cấp cho các nhà phát triển các phương thức khác nhau để viết hoa một chữ cái và điều này có thể được sử dụng để viết hoa chữ cái đầu tiên

Sử dụng charAt[]

Phương thức charAt[] được sử dụng để trích xuất hoặc lấy một ký tự từ một chuỗi. Nó có cú pháp sau,

Phương thức charAt[] trả về ký tự tại chỉ mục được truyền dưới dạng tham số cho phương thức. Chỉ số phải là một số nguyên giữa 0 và [độ dài của chuỗi]-1. Phương pháp này không thay đổi hoặc thay đổi chuỗi gốc

Code Ví dụ sau minh họa chương trình javascript viết hoa chữ cái đầu tiên,

// variable
let sample="fine day";

// calling charAt[] with toUpperCase[]
let Capital_letter=sample.charAt[0].toUpperCase[];
console.log[Capital_letter];

// concatenate the first letter and the remaining string
Capital_string=Capital_letter+sample.slice[1];

// printing results
console.log[Capital_string];
đầu ra
Giải trình
Phương thức charAt[0] trả về chữ cái đầu tiên, f của chuỗi fine day và phương thức toUpperCase[] chuyển đổi chữ cái thành chữ in hoa
Phương thức slice[1] loại bỏ chữ cái đầu tiên khỏi chuỗi
Dấu + dùng để nối chữ cái đầu tiên viết hoa với chuỗi gốc đã bỏ chữ cái đầu tiên
Các phương thức toUpperCase[] và slice[] sẽ được giải thích chi tiết trong các phần sau
Sử dụng toUpperCase[]
Phương thức toUpperCase[] dùng để chuyển ký tự thường thành ký tự hoa. Cú pháp của phương thức này như sau,
toUpperCase[] chuyển đổi tất cả các ký tự chữ thường trong Chuỗi thành chữ hoa và trả về nó. Phương pháp này cũng sẽ không thay đổi hoặc thay đổi chuỗi gốc
Mã số
Ví dụ sau minh họa chương trình javascript viết hoa chữ cái đầu tiên,

  

// variable
let sample="upper case";

// convert to upper case
capitals=sample.toUpperCase[];
console.log[capitals];

// concatenate upper case first letter and remaining string
capitalized_string=sample[0].toUpperCase[] + sample.substring[1]

// print output
console.log[capitalized_string];

đầu ra
Giải trình
Mẫu [0] đại diện cho chữ cái ở chỉ số 0 [chữ cái đầu tiên] của mẫu chuỗi
Hàm toUpperCase[] chuyển chữ thường thành chữ hoa
Phương thức substring[] được sử dụng để tách một đoạn chuỗi từ một chuỗi dài hơn. Phương thức này có các cú pháp sau,
String.substring[start_index, end_index];
String.substring[start_index];
Nếu chúng ta chỉ cung cấp một đối số cho phương thức, thì cú pháp thứ hai sẽ được sử dụng và trong trường hợp có 2 đối số, cú pháp thứ nhất sẽ được sử dụng
start_index đại diện cho chỉ mục mà chuỗi sẽ được tách ra và end_index đại diện cho chỉ mục mà việc tách chuỗi phải được thực hiện
Do đó, phương thức substring[1] trả về chuỗi không có chữ cái đầu tiên
Sau đó, phép nối được thực hiện để nối chữ cái đầu tiên được viết hoa và chuỗi còn lại
Ngoài ra còn có một phương thức gọi là toLocaleUpperCase[locales] tương tự như phương thức toUpperCase[], nhưng chuyển đổi chữ cái viết thường dựa trên các ngôn ngữ được truyền làm đối số cho phương thức. Một ngôn ngữ được sử dụng để xác định tập lệnh dựa trên đó chuyển đổi được thực hiện
Mã số
Đoạn mã sau minh họa một ví dụ khác về chương trình javascript viết hoa chữ cái đầu tiên,
// function declaration
function capitalize_First[[firstLetter, ...remaining]] {
    
// convert the first letter to uppercase and return as string
  return [firstLetter.toUpperCase[], ...remaining].join[''];
}

// call the function
let capital=capitalize_First["upper case"];
console.log[capital];
đầu ra
Giải trình
Hàm capitalize_First lấy một Chuỗi làm đối số. Một chuỗi là một mảng các ký tự và do đó định dạng [firstLetter,. còn lại] lấy chữ cái đầu tiên của chuỗi làm biến firstLetter và lấy tất cả các chữ cái còn lại làm biến còn lại
Các. ký hiệu được gọi là toán tử trải rộng và được sử dụng để biểu diễn một mảng có thể lặp lại hoặc một mảng. Do đó, phần còn lại đại diện cho mảng sẽ có tất cả các ký tự ngoại trừ ký tự đầu tiên của chuỗi
Phương thức toUpperCase[] được gọi trên biến firstLetter
Phương thức join[] được sử dụng để nối các phần tử trong một mảng được phân tách bằng ký tự được chỉ định làm đối số cho phương thức. Nó có cú pháp sau,
Ký tự được thêm vào sau mỗi phần tử trong mảng. Phương thức trả về một chuỗi dưới dạng đầu ra
Phương thức nối[''] với ký tự '' chỉ trả về một chuỗi với tất cả các phần tử của mảng được nối với nhau
Sử dụng lát[]
Phương thức slice[] được sử dụng để trích xuất một phần của chuỗi từ chuỗi ban đầu. Cú pháp của phương thức slice[] như sau,
slice[start_index]
slice[start_index, end_index]
start_indedx là chỉ mục mà chuỗi phải được tách ra và end_index là chỉ mục mà chuỗi phải được tách ra. Phương thức trả về một chuỗi mới được trích xuất và sẽ không sửa đổi chuỗi gốc. Chúng ta cũng có thể sử dụng số âm vì nó đại diện cho chuỗi theo thứ tự đảo ngược. Ví dụ: chỉ số -1 đại diện cho phần tử cuối cùng của chuỗi

  

Mã số
// variable
let sample="good day"

// slice from 1st to 6th index
let sliced=sample.slice[1,6];
console.log[sliced];

// slice the first letter and make it uppercase
let capital=sample.slice[0,1].toUpperCase[]+sample.slice[1]

// print appended string
console.log[capital]; 
đầu ra
Giải trình
Hàm slice[0,1] được sử dụng để trích xuất ký tự đầu tiên từ chuỗi và phương thức toUpperCase[] được sử dụng để viết hoa ký tự đầu tiên đó
Slice[1] có start_index là 1 và do đó, trích xuất chuỗi hoàn toàn chính xác ký tự đầu tiên tại chỉ mục 0. Sau đó, hai giá trị được nối để có được đầu ra
Hình ảnh bên dưới hiển thị chỉ mục của tất cả các ký tự trong mảng
Sử dụng Regex
Biểu thức chính quy hoặc biểu thức chính quy là các mẫu được sử dụng để tìm kiếm một ký tự trong chuỗi. Các regex này có thể được sử dụng với hàm replace[] để tìm kiếm các ký tự và thay thế chúng bằng các ký tự mới. Một vài mẫu regex như sau,
Ký hiệu ^ được sử dụng để kiểm tra xem một chuỗi có bắt đầu bằng một chữ cái nào đó không. Ví dụ: ^r khớp với các chuỗi bắt đầu bằng chữ cái r
Các. biểu tượng được sử dụng để khớp với sự hiện diện của các ký tự đơn trong chuỗi
Ký hiệu $ được sử dụng để kiểm tra xem một chuỗi có kết thúc bằng một chữ cái không. Ví dụ: $e khớp với các chuỗi kết thúc bằng chữ e
Ký hiệu [] dùng để tìm sự có mặt của một số ký tự trong chuỗi. Ví dụ: regex [a2f] kiểm tra các ký tự a,2 và f trong chuỗi
\b là một mẫu trình tự đặc biệt khớp với tất cả các chuỗi bắt đầu bằng một chuỗi ký tự. Ví dụ: \bcap tìm các chuỗi bắt đầu bằng cap
Các mẫu \w tìm thấy bất kỳ bảng chữ cái hoặc số nào trong chuỗi
Có các cờ khác nhau trong biểu thức chính quy được sử dụng để cho phép các chức năng khác nhau trong khi thực hiện tìm kiếm biểu thức chính quy
Cờ g thực hiện tìm kiếm toàn cầu. Cờ i thực hiện tìm kiếm không phân biệt chữ hoa chữ thường
Mã số
Mã mẫu được sử dụng để minh họa trường hợp sử dụng regex trong javascript,
// variable
let regex_sample="pleasant day";

// regex pattern
const regex =/^p/g;

// using the match method
let output=regex_sample.match[regex]

// capitalize array to string and concatenate to original string
const capital=output.join[""].toUpperCase[]+regex_sample.slice[1]

// printing capitalized output
console.log[output];

// printing match
console.log[capital];

đầu ra
Giải thích Phương thức match[] được sử dụng để tìm kiếm bằng biểu thức chính quy được chỉ định làm tham số. Trong ví dụ của chúng ta, phương thức match[] kiểm tra xem chuỗi có bắt đầu bằng chữ p hay không và nếu tìm thấy kết quả khớp, phương thức này sẽ trả về một mảng các kết quả khớp chính xác, nếu không, giá trị null sẽ được trả về
Hàm join[] nối các phần tử của mảng và chuyển đổi chúng thành chuỗi. Trong trường hợp của chúng tôi, mảng ký tự đơn [['p']] được chuyển thành chuỗi và hàm toUpperCase[] được sử dụng để viết hoa ký tự. Cuối cùng, hàm slice[1] được sử dụng để cắt ký tự đầu tiên khỏi mảng ban đầu và được nối với ký tự đầu tiên được viết hoa
Sử dụng thay thế[]
Phương thức replace[] dùng để thay thế một phần hoặc toàn bộ chuỗi bằng một chuỗi mới. Cú pháp là,
String.replace[pattern, replaced]
Mẫu có thể là một chuỗi cần được thay thế hoặc mẫu biểu thức chính quy cần được tìm kiếm và thay thế. Thay thế là chuỗi sẽ được thay thế ở vị trí hoặc một hàm có quyền truy cập vào các mục phù hợp và trả về một chuỗi sẽ được thay thế ở vị trí đó
Chương trình sau đây minh họa một chương trình viết hoa chữ cái trong javascript bằng cách sử dụng phương thức replace[],

  

________số 8_______
đầu ra
Giải trình
Mẫu biểu thức chính quy được sử dụng trong ví dụ này là ^[a-z] đại diện cho bất kỳ bảng chữ cái nào có mặt dưới dạng chữ cái đầu tiên của chuỗi
Hàm[x] trong đó x là các ký tự khớp với mẫu. Phương thức toUpperCase[] viết hoa chữ thường và hàm trả về chữ viết hoa
Hàm replace[] thay thế chữ cái đầu tiên bằng chữ in hoa
Mã số
Một biến thể khác của chương trình trên như sau,
function capitalize[str] {
    
// replace first letter with its uppercase equivalent    
    return str.replace[/^./, x => x.toUpperCase[]];
}

let sample="amazing day";

// calling the function
let capital=capitalize[sample];

// print capitalized string
console.log[capital];

đầu ra
Giải trình
Mẫu biểu thức chính quy, /^. / khớp với một ký tự ở đầu chuỗi [chữ cái đầu tiên]
=> đại diện cho một hàm mũi tên là một cú pháp hiện đại để khai báo hàm với một hàm trả về ngầm định
Chữ x là ký tự phù hợp sẽ được chuyển đổi thành chữ hoa và được trả về. Sau đó, hàm replace[] thay thế giá trị trả về trong chuỗi ban đầu
Một ví dụ khác là sử dụng biểu thức chính quy sau trong hàm thay thế[],
// variable
let sample="upper case";

// convert to upper case
capitals=sample.toUpperCase[];
console.log[capitals];

// concatenate upper case first letter and remaining string
capitalized_string=sample[0].toUpperCase[] + sample.substring[1]

// print output
console.log[capitalized_string];

0
đầu ra
Giải trình
Ký hiệu ^ khớp với phần đầu của chuỗi và mẫu trình tự \w khớp với tất cả các bảng chữ cái và số
ToUpperCase[] được sử dụng để lấy chữ hoa và được thay đổi bởi hàm replace[]