Bài viết này thảo luận về các phương pháp khác nhau về cách lặp lại một cái gì đó trong JavaScript.
Làm cách nào để lặp lại điều gì đó trong JavaScript?
Một chuỗi có thể được lặp lại trong JavaScript theo những cách sau:
- Sử dụng phương pháp vòng lặp while
- Sử dụng phương thức lặp lại() của ES6
- Sử dụng đệ quy
- Sử dụng phương thức điền()
Chúng ta hãy xem xét từng phương pháp một cách chi tiết.
Phương pháp 1: Lặp lại nội dung nào đó trong JavaScript bằng vòng lặp While
“ Trong khi ” là một câu lệnh luồng điều khiển trong JavaScript thực thi lặp đi lặp lại trong một điều kiện được chỉ định. Điều kiện được xem xét trước mỗi lần lặp. Vòng lặp while chạy cho đến khi điều kiện chính xác. Khi điều kiện sai, vòng lặp sẽ ngừng thực thi. Đoạn mã sau minh họa quá trình lặp lại trong JavaScript bằng cách sử dụng vòng lặp while:
DOCTYPE html >
< html >
< kịch bản >
chức năng lặp lại ( str, đếm ) {
hãy rpt_Str = ' ' ;
trong khi ( đếm > 0 ) {
rpt_Str += str ;
đếm --;
}
trở lại rpt_Str ;
}
tài liệu. viết ( lặp lại ( 'TAYLOR' , 6 ) ) ;
kịch bản >
html >
Trong ví dụ trên:
- Hàm lặp lại () được xác định bên trong thẻ tập lệnh với các tham số “str” và “count”.
- Tiếp theo, chúng tôi xác định một chuỗi trống “rpt_str” và bắt đầu vòng lặp while với điều kiện số đếm vẫn lớn hơn 0.
- “rpt_str” chứa giá trị “str” và vòng lặp while hoạt động trừ khi điều kiện không còn đúng nữa. Trong trường hợp này, giá trị đếm là 6 nên chuỗi sẽ được in 6 lần.
đầu ra
Chuỗi “TAYLOR” sẽ được lặp lại 6 lần tương đương với số đếm:
Phương pháp 2: Lặp lại nội dung nào đó trong JavaScript bằng cách sử dụng hàm lặp ES6()
ES6 lặp lại() có thể được sử dụng để lặp lại một chuỗi trong JavaScript. Một chuỗi được trả về có các bản sao cụ thể khi được gọi. Đây là một ví dụ về mã cho thấy cách chúng ta có thể lặp lại một chuỗi bằng cách sử dụng hàm lặp():
DOCTYPE html >< html >
< kịch bản >
hàm rpt_str ( str,đếm ) {
nếu như ( đếm > 0 )
trở lại str. lặp lại ( đếm ) ;
khác
trở lại '' ;
}
tài liệu. viết ( rpt_str ( 'Javascript' , 5 ) ) ;
kịch bản >
html >
Trong đoạn mã trên,
- Hàm “rpt_str()” được xác định bằng các tham số str và count.
- Giá trị str được gán là “JavaScript” sẽ lặp lại theo giá trị được gán để đếm.
đầu ra
Trong ví dụ này, giá trị được gán cho count là 5 nên hàm loop() sẽ lặp lại JavaScript 5 lần:
Phương pháp 3: Lặp lại nội dung nào đó trong JavaScript bằng đệ quy
Đệ quy cho phép một hàm gọi chính nó lặp đi lặp lại trừ khi nó nhận được kết quả mong muốn. Trong đệ quy, trường hợp chính/cơ sở phải được chỉ định để kết thúc đệ quy. Nó thường nằm trong một mệnh đề điều kiện. Hàm đệ quy hoạt động bằng cách gọi chính nó lặp đi lặp lại cho đến khi chúng ta nhận được kết quả mong muốn. Ví dụ sau giúp hiểu phương pháp đệ quy để thực hiện việc lặp lại trong JavaScript:
! DOCTYPE html >< html >
< kịch bản >
hàm rpt_str ( str,đếm ) {
nếu như ( đếm < 0 )
trở lại '' ;
nếu như ( đếm === 1 )
trở lại str ;
khác
trở lại str + rpt_str ( str, đếm - 1 ) ;
}
tài liệu. viết ( rpt_str ( ' MÃ SỐ ' , 7 ) ) ;
kịch bản >
html >
Trong đoạn mã trên:
- Hàm “rpt_str()” được xác định bằng các tham số “str” và “count”.
- Nếu giá trị của số đếm nhỏ hơn 0 thì sẽ trả về một chuỗi trống. Nếu giá trị của count là 1, nó sẽ trả về str và nếu giá trị của str lớn hơn 1, hàm sẽ nối giá trị đầu vào của str với kết quả từ rpt_str(str, count – 1).
- Ở đây, giá trị của str là “CODE” và giá trị của count là 7 do đó chuỗi lặp lại sẽ in CODE 7 lần.
Đầu ra:
Phương pháp 4: Lặp lại nội dung nào đó trong JavaScript bằng hàm fill()
JavaScript cung cấp một đổ đầy() phương thức cho phép chúng ta điền vào một mảng với các giá trị tĩnh. Nó có thể được sử dụng với hàm join() để lặp lại điều gì đó trong JavaScript. Ví dụ: các giá trị chuỗi có thể được chèn vào một mảng trống bằng hàm fill() và nối cùng với hàm join() để lấy chuỗi lặp lại. Đây là một ví dụ về mã cho thấy cách bạn có thể lặp lại một chuỗi bằng hàm fill():
< html >< thân hình >
< kịch bản >
hãy để str = 'MẶT TRƯỚC'
hãy rpt_str = Mảng ( 5 ) . đổ đầy ( str ) . tham gia ( '' )
tài liệu. viết ( rpt_str ) ;
kịch bản >
thân hình >
html >
Trong ví dụ trên:
- Một biến str được xác định và gán với giá trị “FRONTEND”.
- Hàm Array(5) sẽ tạo 5 slot trong đó chuỗi sẽ được điền và nối với nhau để tạo thành một chuỗi lặp lại. Giá trị được lưu trữ trong biến “rpt_str”.
- document.write(rpt_str) sẽ in chuỗi lặp lại.
đầu ra
Khi chạy code, chuỗi “FRONTEND” sẽ được lặp lại 5 lần:
Đó là tất cả về việc lặp lại điều gì đó trong JavaScript bằng các phương pháp khác nhau.
Phần kết luận
Một phương pháp thông thường để lặp lại điều gì đó trong JavaScript là sử dụng hàm ES6 loop() nhận tham số được chỉ định cho biết số lần lặp của phần tử. Các phương pháp khác như sử dụng vòng lặp while, hàm đệ quy hoặc phương thức fill(). Bài viết này giải thích nhiều cách khác nhau có thể lặp lại một điều gì đó trong JavaScript cùng với các ví dụ của chúng.