Làm cách nào để in một mẫu số trong JavaScript?

Chúng tôi được yêu cầu viết chương trình JavaScript và HTML cung cấp cho người dùng kiểu nhập văn bản và nút. Khi người dùng nhập bất kỳ giá trị nào vào đầu vào, chẳng hạn như 5 và nhấp vào nút, chúng ta sẽ in mẫu sau trên màn hình

(với n = 5)

01
01 02
01 02 03
01 02 03 04
01 02 03 04 05

Thí dụ

Mã cho điều này sẽ là -

Bản thử trực tiếp


JavaScript Number Patterns



Enter the number of rows and press print

Print

đầu ra

Và đầu ra trong bảng điều khiển sẽ là -

Trước khi nhập giá trị -

Làm cách nào để in một mẫu số trong JavaScript?

Kết quả cuối cùng -

Làm cách nào để in một mẫu số trong JavaScript?

Làm cách nào để in một mẫu số trong JavaScript?


Làm cách nào để in một mẫu số trong JavaScript?

bạn có thể thử cái này

 var x, y, space = "",
    star = "",
    n = 4,
    m = n - 1;
for (x = 1; x <= n; x++) {
    for (y = m; y >= 1; y--) {
        space = space + (" ");
    }
    m--;
    for (let k = 1; k <= x * 2 - 1; k++) {
        star = star + "*"
    }
    console.log(space + star)
    space = '';
    star = "";
}

Các mẫu là một trong những chương trình mẫu Java phổ biến được sử dụng rộng rãi để cải thiện tư duy logic và nâng cao kiến ​​thức kiểm soát luồng. Các mẫu là các mô hình và tương tác có thể tái sử dụng của đối tượng. Mỗi mẫu có một tên và khi thảo luận về các lựa chọn thay thế thiết kế phức tạp sẽ trở thành một thành phần của từ vựng. Mỗi nhà phát triển tham vọng viết mã có thể quản lý, có thể đọc được và có thể tái sử dụng. Cấu trúc mã trở nên cần thiết hơn với các ứng dụng lớn hơn. Các mẫu thiết kế rất cần thiết để giải quyết thách thức này – cung cấp một cấu trúc tổ chức cho các vấn đề phổ biến trong một tình huống cụ thể. Trong bài viết này, chúng ta sẽ thảo luận về Mẫu trong JavaScript

Các nhà phát triển web JavaScript thường giao tiếp với các mẫu thiết kế khi tạo ứng dụng, thậm chí vô tình. Mặc dù nhiều mẫu thiết kế được sử dụng trong một số trường hợp, nhưng các nhà thiết kế JavaScript có xu hướng sử dụng một số mẫu nhiều hơn các mẫu khác. Mẫu thiết kế là một giải pháp có thể tái sử dụng cho các vấn đề thiết kế phần mềm phổ biến. Các mẫu thiết kế là các phương pháp hay nhất mà các nhà phát triển phần mềm có kinh nghiệm sử dụng. Một mẫu thiết kế có thể được coi là một khuôn mẫu của kịch bản

Tại sao sử dụng các mẫu?

Nhiều lập trình viên tin rằng các mẫu là lãng phí thời gian hoặc họ không biết cách áp dụng chúng đúng cách. Nhưng việc sử dụng một mẫu thiết kế phù hợp có thể giúp bạn viết mã tốt hơn và dễ hiểu hơn, và vì nó dễ hiểu hơn nên mã có thể dễ dàng được bảo quản. Quan trọng nhất, các mẫu cung cấp một từ vựng phổ biến cho các nhà thiết kế phần mềm nói về. Họ ngay lập tức chứng minh ai đó đang học mã với mục đích mã của bạn

Các mẫu trong JavaScript (Mẫu số, Mẫu sao, Mẫu ký tự)

Hãy thảo luận chi tiết về Mẫu trong JavaScript

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

1. Mẫu số

Ví dụ 1

Mã số



JavaScript Number Patterns



Lưu tên tệp với sự lựa chọn của bạn và nhấp đúp vào tệp đó. Nó sẽ mở trong trình duyệt hỗ trợ JavaScript và hiển thị đầu ra như hình bên dưới

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?

Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?
Làm cách nào để in một mẫu số trong JavaScript?

Giá bán
Xem các khóa học

Hơn 600 khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập trọn đời
4. 6 (86.502 xếp hạng)

Làm cách nào để in một mẫu số trong JavaScript?

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #2

Mã số



JavaScript Number Patterns



Chạy chương trình trong trình duyệt và bạn sẽ thấy đầu ra bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #3

Mã số



JavaScript Star Patterns



Chạy chương trình trong trình duyệt và bạn sẽ thấy đầu ra bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #4

Mã số



JavaScript Number Patterns



Chạy chương trình trong trình duyệt và bạn sẽ thấy đầu ra bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #5

Mã số



JavaScript Number Patterns



Chạy chương trình trong trình duyệt và bạn sẽ thấy đầu ra bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #6

Mã số

________số 8_______

Chạy chương trình trong trình duyệt và bạn sẽ thấy đầu ra bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #7

Mã số



JavaScript Number Patterns



Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #8

Mã số



JavaScript Number Patterns



Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #9

Mã số



JavaScript Number Patterns



Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #10

Mã số



JavaScript Number Patterns



Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #11

Mã số



JavaScript Number Patterns



0

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #12

Mã số



JavaScript Number Patterns



1

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #13

Mã số



JavaScript Number Patterns



2

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #14

Mã số



JavaScript Number Patterns



3

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #15

Mã số



JavaScript Number Patterns



4

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #16

Mã số



JavaScript Number Patterns



5

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #17

Mã số



JavaScript Number Patterns



6

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #18

Mã số



JavaScript Number Patterns



7

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

2. mô hình ngôi sao

Ví dụ 1

Mã số



JavaScript Number Patterns



8

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #2

Mã số



JavaScript Number Patterns



9

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #3

Mã số



JavaScript Star Patterns



0

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #4

Mã số



JavaScript Star Patterns



1

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #5

Mã số



JavaScript Star Patterns



2

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #6

Mã số



JavaScript Star Patterns



3

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra trong bảng điều khiển như trong hình bên dưới

Làm cách nào để in một mẫu số trong JavaScript?

3. Mẫu ký tự

Ví dụ 1

Mã số



JavaScript Star Patterns



4

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #2

Mã số



JavaScript Star Patterns



5

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #3

Mã số



JavaScript Star Patterns



6

Thực hiện chương trình và bạn sẽ nhận được đầu ra dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #4

Mã số



JavaScript Star Patterns



7

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #5

Mã số



JavaScript Star Patterns



8

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Ví dụ #6

Mã số



JavaScript Star Patterns



9

Thực thi đoạn mã trên và bạn sẽ nhận được đầu ra như hình dưới đây

Làm cách nào để in một mẫu số trong JavaScript?

Phần kết luận

Trong bài viết này, chúng ta đã thấy các loại mẫu khác nhau như mẫu số, ngôi sao và ký tự. Mẫu là một từ được sử dụng trong công nghệ phần mềm để giải quyết một vấn đề thiết kế phần mềm cụ thể, có thể tái sử dụng. Đối với nhiều mục đích, các mẫu thiết kế rất hữu ích. Chúng là những giải pháp đã được chứng minh đã được cố gắng và thử nghiệm bởi những người kỳ cựu trong ngành. Chúng là những phương pháp mạnh giúp giải quyết vấn đề theo cách được chấp nhận phổ biến và phản ánh kinh nghiệm cũng như ý tưởng của nhà phát triển đầu ngành đã giúp xác định chúng. Các mẫu cũng tăng khả năng sử dụng lại và khả năng đọc phần mềm của bạn đồng thời đẩy nhanh quá trình phát triển một cách đáng kể. Các mẫu rất thú vị để khám phá trong bất kỳ ngôn ngữ lập trình nào cũng như một chủ đề hấp dẫn

Bài viết được đề xuất

Đây là hướng dẫn về Mẫu trong JavaScript. Ở đây chúng tôi thảo luận về khái niệm cơ bản, các loại mẫu khác nhau trong JavaScript với mã mẫu một cách chi tiết. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi –

Làm cách nào để in mẫu n trong JavaScript?

Chúng ta cần chạy một vòng lặp để in ra n số trong mỗi hàng, trong đó n là số hàng . Điều này tạo thành vòng lặp bên trong. Trong ví dụ trên, chúng ta có 5 hàng. Đối với 5 hàng, chúng ta cần một vòng lặp bên ngoài đi từ n = 1 đến n = 5 (i. e. không có hàng).

Làm cách nào để viết mẫu trong JavaScript?

Bạn xây dựng một biểu thức chính quy theo một trong hai cách. .
Sử dụng một biểu thức chính quy, bao gồm một mẫu được đặt giữa các dấu gạch chéo, như sau. const lại = /ab+c/;.
Hoặc gọi hàm khởi tạo của đối tượng RegExp như sau. const re = new RegExp("ab+c");

Làm cách nào để in kim tự tháp số trong JavaScript?

Điều này sẽ tạo ra một kim tự tháp thích hợp trong bảng điều khiển. function createPyramid(rows) { for (let i = 0; i < rows; i++) { var output = ''; . nhật ký (đầu ra);

Làm cách nào để in số trong js?

Vì vậy, trong JavaScript sẽ dễ dàng như. .
for(let i = 0;i <= 100;i++){ console. nhật ký (i);
để tối đa = ". ". chiều dài; . chiều dài;i <= (tối đa * tối đa);i++){ bảng điều khiển. .
để tối đa = ". ". chiều dài; . ". .
// bắt đầu = 9 * 3 = 27 hãy bắt đầu = ". ". chiều dài * ". "