Giả sử bạn đang tạo bảng thuật ngữ hoặc menu điều hướng được sắp xếp theo thứ tự bảng chữ cái cho ứng dụng web của mình và bạn muốn có một mảng bảng chữ cái tiếng Anh trong JavaScript để giúp bạn hoàn thành công việc
Cách tốt nhất để đạt được điều này là gì?
Có hai cách để đi về điều này. Bạn có thể mã hóa cứng danh sách các chữ cái trong bảng chữ cái tiếng Anh trong một mảng và lưu trữ nó trong một hằng số hoặc bạn có thể viết một hàm tạo ra nó một cách linh hoạt
Cách tiếp cận đơn giản và trực tiếp nhất là liệt kê các chữ cái riêng lẻ trong một mảng, lưu trữ chúng trong một hằng số và sử dụng hằng số đó làm tham số bất cứ khi nào và bất cứ nơi nào bạn cần.
Tôi thường cố gắng tránh những thứ mã hóa cứng trong mã của mình. Vâng, nó cho phép các phím tắt và giúp bạn hoàn thành công việc một cách nhanh chóng, không còn nghi ngờ gì nữa. Tuy nhiên, giống như hầu hết các lối tắt khác trong cuộc sống, bạn sẽ phải trả giá đắt cho nó khi ứng dụng của bạn phát triển
Bảng chữ cái, tuy nhiên, là khác nhau. Bạn có thể tin rằng nó là một danh sách nghiêm ngặt các giá trị không thay đổi thường xuyên. 🙂
Mã hóa bảng chữ cái
Như một đối số
Cách đầu tiên để làm điều này là mã hóa cứng bảng chữ cái làm đối số cho phương thức hoặc hàm của bạn
Ví dụ
console.log["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];Vấn đề ở đây là khả năng tái sử dụng. Vì bạn chưa lưu trữ danh sách các chữ cái trong một hằng số nên bạn không thể tham chiếu danh sách đó theo một phương thức hoặc chức năng khác ở nơi khác trong ứng dụng của mình
trong một hằng số
Một cách tiếp cận đẹp hơn, là lưu trữ một mảng các chữ cái trong một hằng số. Làm như vậy không chỉ cho phép bạn tham chiếu mảng này theo nhiều phương thức hoặc hàm trong ứng dụng của mình mà bạn còn có thể dễ dàng tham chiếu các chữ cái riêng lẻ khi cần theo chỉ số của chúng [hãy nhớ, chỉ mục đầu tiên luôn là 0]
Ví dụ
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Output the letters in the console
console.log[alphabet];Nếu cần, bạn cũng có thể lưu trữ một mảng chữ hoa. Tuy nhiên, tôi thực sự không khuyến nghị điều này. Nếu yêu cầu của UX là có các chữ cái viết hoa trên màn hình, bạn luôn có thể chuyển đổi chúng bằng thuộc tính CSS text-transform: uppercase
Như đã nói, nếu bạn muốn mã hóa cứng các chữ cái viết hoa trong một mảng, thì đây là
// Store the letters as an array in a constant
const alphabet = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"];
// Output the letters in the console
console.log[alphabet];Lưu ý rằng các ví dụ mã của tôi ở trên sử dụng dấu ngoặc kép;
Chuyển Mảng thành Chuỗi
Nếu vì lý do này hay lý do khác, bạn phải chuyển đổi danh sách các chữ cái từ một mảng thành một chuỗi, bạn có thể thực hiện bằng cách sử dụng phương thức array.join[]
Phương thức này lấy mảng làm tham số, sau đó nối các mục trong đó và trả về một chuỗi mới
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Outputs a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z
console.log[alphabet.join[]];Theo mặc định, phương thức array.join[] trả về một chuỗi có các giá trị được phân tách bằng dấu phẩy từ các mục của mảng
Tuy nhiên, nó có một tham số tùy chọn cho phép bạn chỉ định một chuỗi để phân tách từng cặp phần tử liền kề trong mảng. Ví dụ: nếu bạn muốn chúng được phân tách bằng dấu phẩy và khoảng trắng, bạn sẽ thực hiện như sau
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Outputs a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z
console.log[alphabet.join[", "]];Đồng thời, bạn cũng có thể chuyển đổi các chữ cái trong chuỗi thành chữ hoa bằng cách sử dụng chuỗi. phương thức toUpperCase[]
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Outputs A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z
console.log[alphabet.join[", "].toUpperCase[]];Nói chung, một mảng các chữ thường được mã hóa cứng là một giải pháp kinh tế cho vấn đề mà bạn có thể sử dụng và biến đổi theo nhiều cách khác nhau với các khả năng tích hợp sẵn của JavaScript. Nói một cách đơn giản, nó “đủ tốt” để hoàn thành công việc trong khi [a] loại bỏ những thứ dư thừa và [b] không dẫn đến thừa kỹ thuật
Tạo một mảng bảng chữ cái
Để tạo một mảng các chữ cái trong bảng chữ cái tiếng Anh trong JavaScript mà không cần mã hóa cứng các giá trị, chúng ta sẽ tạo một mảng trống với số mục bằng với số lượng các chữ cái trong bảng chữ cái [gợi ý. bây giờ là hai mươi sáu]
Sau đó, chúng ta sẽ sử dụng phương thức
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Output the letters in the console
console.log[alphabet];// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Output the letters in the console
console.log[alphabet];Tham chiếu thập phân cho chữ cái “a” trong UTF-8 C0 là 97, vì vậy đây là nơi chúng ta cần bắt đầu. Mặt khác, mảng của chúng ta sẽ xuất ra các giá trị từ nó, nhưng chúng không nhất thiết phải là các chữ cái [hoặc thậm chí là các ký hiệu] mà chúng ta cần
Đây là cách mã của chúng tôi trông như thế nào
________số 8_______Đây là một giải pháp đơn giản, một dòng tạo ra kết quả mong muốn trong 58 ký tự [khi bạn loại trừ định nghĩa
// Store the letters as an array in a constant
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
// Output the letters in the console
console.log[alphabet];