Câu lệnh điều kiện là một trong những tính năng hữu ích và phổ biến nhất của tất cả các ngôn ngữ lập trình. “Cách viết câu lệnh có điều kiện trong JavaScript” descri…

Bạn đang xem: < font style = "vertical-align: inherit;"> câu lệnh chuyển đổi nút js

Giới thiệu

Câu lệnh điều kiện là một trong những tính năng hữu ích và phổ biến nhất của tất cả các ngôn ngữ lập trình. Cách viết câu lệnh có điều kiện trong JavaScript mô tả cách sử dụng if , else else if từ khóa để kiểm soát luồng chương trình dựa trên các điều kiện khác nhau, trong JavaScript thường là kết quả của người dùng nhập.

Ngoài if ... else , JavaScript có một tính năng được gọi là câu lệnh switch . switch là một loại câu lệnh điều kiện sẽ đánh giá một biểu thức dựa trên nhiều trường hợp có thể xảy ra và thực thi một hoặc nhiều khối mã dựa trên các trường hợp phù hợp. Câu lệnh switch có liên quan chặt chẽ đến câu lệnh điều kiện chứa nhiều khối else if và chúng thường có thể được sử dụng thay thế cho nhau.

Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách sử dụng câu lệnh switch , cũng như cách sử dụng các từ khóa liên quan case , break mặc định . Cuối cùng, chúng ta sẽ xem xét cách sử dụng nhiều trường hợp trong câu lệnh switch .

Chuyển đổi

Câu lệnh switch đánh giá một biểu thức và thực thi mã do kết quả của một trường hợp phù hợp. Cú pháp cơ bản tương tự như cú pháp của câu lệnh if . Nó sẽ luôn được viết bằng switch () {} , với dấu ngoặc đơn chứa biểu thức cần kiểm tra và dấu ngoặc nhọn chứa mã tiềm năng để thực thi.

Dưới đây là ví dụ về câu lệnh switch với hai câu lệnh case và một dự phòng được gọi là default .

  

chuyển đổi

(

biểu thức

)

{

case

x

:

ngắt

;

case

y

:

ngắt

;

default

:

}

Theo logic của khối mã ở trên, đây là chuỗi các sự kiện sẽ diễn ra:

  • Biểu thức được đánh giá.
  • case đầu tiên, x , sẽ được kiểm tra dựa trên biểu thức. Nếu khớp, mã sẽ thực thi và từ khóa break sẽ kết thúc khối switch .
  • Nếu không khớp, x sẽ bị bỏ qua và trường hợp y sẽ được kiểm tra dựa trên biểu thức. Nếu y khớp với biểu thức, mã sẽ thực thi và thoát ra khỏi khối switch .
  • Nếu không có trường hợp nào khớp, khối mã mặc định sẽ chạy.

Hãy làm một ví dụ hoạt động của câu lệnh switch theo cú pháp ở trên. Trong khối mã này, chúng ta sẽ tìm ngày hiện tại trong tuần bằng phương thức new Date () getDay () để in một số tương ứng với ngày hiện tại. 0 là viết tắt của Chủ nhật, cho đến hết 6 là viết tắt của Thứ bảy. Chúng tôi sẽ bắt đầu bằng cách thiết lập biến của mình.

  

const

day

=

mới

Ngày

(

)

.

getDay

(

)

;

Sử dụng switch , chúng tôi sẽ gửi tin nhắn đến bảng điều khiển mỗi ngày trong tuần. Chương trình sẽ chạy theo thứ tự từ trên xuống dưới để tìm kiếm kết quả phù hợp và khi tìm thấy một kết quả phù hợp, lệnh break sẽ ngăn khối switch tiếp tục đánh giá các câu lệnh. < / p>

Xem Thêm  Bôi cảnh đa được sửa chưa - giữ cho hình nền cố định

week.js

 

const

day

=

new

Ngày

(

)

.

getDay

(

)

;

chuyển đổi

(

day

)

{

case

0

:

bảng điều khiển

.

nhật ký

(

" Hôm nay là Chủ nhật, thời gian để thư giãn! "

)

;

ngắt

;

case

1

:

bảng điều khiển

.

nhật ký

(

" Thứ Hai vui vẻ! "

)

;

ngắt

;

case

2

:

bảng điều khiển

.

nhật ký

(

" Hôm nay là thứ Ba. Bạn hiểu rồi! "

)

;

ngắt

;

case

3

:

bảng điều khiển

.

nhật ký

(

" Đã đến ngày khó khăn rồi! "

)

;

ngắt

;

case

4

:

bảng điều khiển

.

nhật ký

(

" Chỉ còn một ngày nữa là đến cuối tuần! "

)

;

ngắt

;

case

5

:

bảng điều khiển

.

nhật ký

(

" Thứ Sáu vui vẻ! "

)

;

ngắt

;

case

6

:

bảng điều khiển

.

nhật ký

(

" Chúc bạn có một ngày thứ Bảy tuyệt vời! "

)

;

ngắt

;

default

:

bảng điều khiển

.

nhật ký

(

" Đã xảy ra lỗi khủng khiếp ... "

)

;

}

  

Đầu ra

'Chỉ còn một ngày nữa' là đến cuối tuần! '

Mã này đã được kiểm tra vào thứ Năm, tương ứng với 4 , do đó, kết quả đầu ra của bảng điều khiển là Chỉ một ngày nữa là đến cuối tuần! . Tùy thuộc vào ngày nào trong tuần bạn đang kiểm tra mã, kết quả đầu ra của bạn sẽ khác nhau. Chúng tôi đã bao gồm một khối default ở cuối để chạy trong trường hợp xảy ra lỗi, điều này sẽ không xảy ra trong trường hợp này vì chỉ có 7 ngày trong tuần. Ví dụ: chúng tôi cũng có thể có kết quả được in từ Thứ Hai đến Thứ Sáu và khối mặc định có thể có cùng một thông báo cho cuối tuần

Nếu chúng tôi đã bỏ qua từ khóa break trong mỗi câu lệnh, thì không câu lệnh nào trong số các câu lệnh case khác sẽ được đánh giá là true, nhưng chương trình sẽ tiếp tục kiểm tra cho đến khi nó đã đạt đến cuối cùng. Để làm cho các chương trình của chúng tôi nhanh hơn và hiệu quả hơn, chúng tôi đưa vào break .

Dải chuyển đổi

Có thể có trường hợp bạn cần đánh giá một loạt giá trị trong khối switch , trái ngược với một giá trị đơn lẻ như trong ví dụ của chúng tôi ở trên. Chúng ta có thể thực hiện việc này bằng cách đặt biểu thức của mình thành true và thực hiện một thao tác trong mỗi câu lệnh case

Để làm cho điều này dễ hiểu hơn, chúng tôi sẽ sử dụng một ví dụ quen thuộc. Trong câu lệnh điều kiện hướng dẫn, chúng tôi đã tạo một ứng dụng chấm điểm sẽ lấy điểm số và chuyển nó thành điểm chữ cái, với các yêu cầu sau.

  • Điểm từ 90 trở lên là A
  • Lớp từ 80 đến 89 là B
  • Lớp từ 70 đến 79 là C
  • Lớp từ 60 đến 69 là D
  • Điểm 59 trở xuống là F

Bây giờ chúng ta có thể viết nó dưới dạng câu lệnh switch . Vì chúng tôi đang kiểm tra một dải ô, chúng tôi sẽ thực hiện thao tác trong mỗi case để kiểm tra xem mỗi biểu thức có đánh giá thành true hay không, sau đó thoát ra khỏi câu lệnh khi các yêu cầu cho < code> true đã được hài lòng.

Grade.js

 

const

class

=

87

;

chuyển đổi

(

true

)

{

case

class

& gt; =

90

:

bảng điều khiển

.

nhật ký

(

" A "

)

;

ngắt

;

case

class

& gt; =

80

:

bảng điều khiển

.

nhật ký

(

" B "

)

;

ngắt

;

case

class

& gt; =

70

:

bảng điều khiển

.

nhật ký

(

" C "

)

;

ngắt

;

case

class

& gt; =

60

:

bảng điều khiển

.

nhật ký

(

" D "

)

;

ngắt

;

mặc định

:

bảng điều khiển

.

nhật ký

(

" F "

)

;

}

  

Đầu ra

'B'

Biểu thức trong ngoặc đơn được đánh giá là true trong ví dụ này. Điều này có nghĩa là bất kỳ case nào đánh giá thành true sẽ là một kết quả trùng khớp.

Cũng giống như với else if , switch được đánh giá từ trên xuống dưới và kết quả khớp đúng đầu tiên sẽ được chấp nhận. Do đó, mặc dù biến grade của chúng ta là 87 và do đó đánh giá là true cho C và D, kết hợp đầu tiên sẽ là B, điều này sẽ là đầu ra.

Nhiều trường hợp

Bạn có thể gặp mã trong đó nhiều trường hợp phải có cùng một đầu ra. Để thực hiện điều này, bạn có thể sử dụng nhiều case cho mỗi khối mã.

Để kiểm tra điều này, chúng tôi sẽ tạo một ứng dụng nhỏ khớp tháng hiện tại với mùa thích hợp. Đầu tiên, chúng tôi sẽ sử dụng phương thức new Date () để tìm một số tương ứng với tháng hiện tại và áp dụng số đó cho biến month .

  

const

month

=

mới

Ngày

(

)

.

getMonth

(

)

;

Phương thức new Date (). getMonth () sẽ xuất ra một số từ 0 đến 11 , với 0 là tháng Giêng và 11 là tháng Mười Hai. Tại thời điểm xuất bản này, tháng là tháng 9, sẽ tương ứng với 8 .

Ứng dụng của chúng tôi sẽ xuất ra bốn mùa với các thông số kỹ thuật sau để đơn giản hóa:

  • Mùa đông : Tháng 1, Tháng 2 và Tháng 3
  • Mùa xuân : Tháng 4, 5 và 6
  • Mùa hè : Tháng 7, 8 và 9
  • Mùa thu : Tháng 10, 11 và 12

Dưới đây là mã của chúng tôi.

season.js

 
 

const

month

=

new

Ngày

(

)

.

getMonth

(

)

;

chuyển đổi

(

tháng

)

{

case

0

:

case

1

:

case

2

:

bảng điều khiển

.

nhật ký

(

" Mùa đông "

)

;

ngắt

;

case

3

:

case

4

:

case

5

:

bảng điều khiển

.

nhật ký

(

" Mùa xuân "

)

;

ngắt

;

case

6

:

case

7

:

case

8

:

bảng điều khiển

.

nhật ký

(

" Mùa hè "

)

;

ngắt

;

case

9

:

case

10

:

case

11

:

bảng điều khiển

.

nhật ký

(

" Mùa thu "

)

;

ngắt

;

default

:

bảng điều khiển

.

nhật ký

(

" Đã xảy ra lỗi. "

)

;

}

Khi chúng tôi chạy mã, chúng tôi sẽ nhận được đầu ra xác định phần hiện tại dựa trên các thông số kỹ thuật ở trên.

  

Đầu ra

Mùa hè

Tháng hiện tại tại thời điểm xuất bản là 8 , tương ứng với một trong các câu lệnh case với đầu ra của phần "Summer" .

Kết luận

Trong bài viết này, chúng tôi đã xem xét câu lệnh switch , một loại câu lệnh điều kiện đánh giá một biểu thức và xuất ra các giá trị khác nhau dựa trên kết quả phù hợp. Chúng tôi đã xem xét các câu lệnh switch sử dụng một dải ô và nhiều câu lệnh case .

Để tìm hiểu thêm về switch , bạn có thể xem lại trên Mạng nhà phát triển Mozilla .


Xem thêm những thông tin liên quan đến chủ đề câu lệnh chuyển đổi nút js

JavaScript 27: Cấu trúc rẽ nhánh switch-case

  • Tác giả: thân triệu
  • Ngày đăng: 2019-05-31
  • Đánh giá: 4 ⭐ ( 2055 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn học lập trình JavaScript cơ bản. Học lập trình JavaScript đầy đủ và chi tiết trên kênh thân triệu. JavaScript cho tất cả mọi người. Cấu trúc điều khiển rẽ nhánh switch. thân triệu channel-let's grow together!

Hướng dẫn và ví dụ Javascript MouseEvent

  • Tác giả: openplanning.net
  • Đánh giá: 4 ⭐ ( 7764 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Câu lệnh Switch Case trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 3 ⭐ ( 2691 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cấu trúc rẽ nhánh trong JavaScript ngoài câu lệnh if và toán tử ? ra thì còn lệnh switch case. Bài viết này mình sẽ tìm hiểu về cách sử dụng lệnh switch case trong JavaScript.

Ví dụ về chuyển đổi hình tự động với Javascript

  • Tác giả: expressmagazine.net
  • Đánh giá: 5 ⭐ ( 3668 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sau một số bài viết giới thiệu về DOM có lẽ cũng nên làm một vài ví dụ cho hứng khởi chứ cứ lý thuyết hoài cũng ngán, nhưng có lý thuyết thì mới có thực hành và lý thuyết vững thì thực hành mới thành công.

JavaScript - Trường hợp chuyển đổi

  • Tác giả: isolution.pro
  • Đánh giá: 4 ⭐ ( 8841 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn có thể sử dụng nhiều if...else…ifnhư trong chương trước, để thực hiện một nhánh nhiều đường. Tuy nhiên, đây không phải lúc nào cũng là giải pháp tốt nhất, đặc biệt là khi tất cả các nhánh phụ thuộc vào giá trị của một biến duy nhất. Bắt đầu với JavaScript 1.2, bạn có thể sử dụng switch câu...

innerHTML trong JavaScript và cách lấy hoặc thiết lập câu lệnh HTML chứa trong một Element

  • Tác giả: laptrinhcanban.com
  • Đánh giá: 5 ⭐ ( 5939 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách sử dụng innerHTML trong JavaScript. Bạn sẽ biết cách sử dụng thuộc tính innerHTML để lấy cũng như thiết lập các câu lệnh HTML chứa trong một Element chỉ định sau bài học này.

Viết hiệu ứng chuyển slide bằng javascript Lập trình không khó

  • Tác giả: nguyenvanhieu.vn
  • Đánh giá: 4 ⭐ ( 7302 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, mình sẽ hướng dẫn các bạn viết hiệu ứng chuyển slide bằng javascript. Nhìn chung thì nó khá đơn giản thôi, không có gì ..

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php