Hướng dẫn ternary operator exercises javascript - bài tập toán tử bậc ba javascript
|
Vì vậy, bạn có thể tự hỏi những gì đó không? Tiếp theo là của người Viking: có nghĩa là trong mã của bạn. Đúng, đó là nhà điều hành ternary đều ổn! Show
Những gì mà bạn yêu cầu? Chà, nó chỉ là một cách khác để viết các điều kiện của bạn! Những gì mà điểm, bạn hỏi một lần nữa? Bạn có thể viết một phiên bản ngắn hơn của một trò chơi nếu có thể hữu ích trong một số tình huống nhất định (chúng tôi sẽ thảo luận về điều này trên hướng dẫn!) Cách sử dụng cơ bản của toán tử ternaryĐể hiểu toán tử ternary, trước tiên, hãy lấy mã quá quen thuộc này if (condition) {
executeIfTrue();
} else {
executeIfFalse();
}Có cách nào để làm cho nó ngắn hơn không? Hmm, có lẽ một cái gì đó như thế này? if (condition) executeIfTrue(); else executeIfFalse(); Tất cả những gì tôi đã làm ở đây là loại bỏ các dấu ngoặc mà bạn có thể làm chỉ khi bạn chỉ có một dòng mã sau điều kiện.only if you only have one line of code after the condition. Nhưng bạn biết những gì không? Hôm nay tôi cảm thấy như viết mã cực kỳ ngắn, vì vậy điều này là không đủ. Hãy để thử một cái gì đó mới: condition ? executeIfTrue() : executeIfFalse(); Wow, một mã 5 dòng đã biến thành một. Mã trên hoàn toàn giống như các mã khác trước đây. Cố gắng hiểu logic đằng sau nó trước khi tự đọc. ... Bạn hiểu chứ? Hãy làm cho nó đơn giản hơn để hiểu: Nó thế nào? Cảm thấy như bộ não của bạn phát triển một chút? Tốt. Bây giờ hãy cố gắng hoàn thành bài tập sau: Bài tập 1Đầu ra mã sau đây là gì? 10 > 15 ? console.log("Today's going to rain") : console.log("Today's going to be sunny");Dung dịch Hôm nay, Sunny sẽ nắng Được rồi, vì vậy chúng tôi đã có những điều cơ bản. Hãy cùng nhận được các trường hợp sử dụng phổ biến nhất của toán tử ternary. Trường hợp sử dụng phổ biếnJSXLưu ý: Nếu bạn không quen thuộc với các khung/thư viện JS như React, tôi khuyên bạn nên bỏ qua phần tiếp theo. Hãy để lấy mã sau, sử dụng React làm ví dụ. import React, { Component } from 'react';
...
render() {
if (condition) {
return Mặc dù điều này hoạt động, đôi khi bạn muốn có kết xuất có điều kiện bên trong phần JSX của mã - đặc biệt là nếu mã của bạn không ngắn như ví dụ ở đây. Mặc dù bạn có thể sử dụng ‘nếu bên trong JSX, bạn có thể sử dụng các toán tử ternary, như vậy import React, { Component } from 'react';
...
render() {
return Được rồi, hãy để Lừa chuyển sang các trường hợp sử dụng chung hơn của nhà điều hành này. Nhiệm vụ biến nhanhLấy ví dụ sau: let message;
if (someCondition) {
message = "Got it";
} else {
message = "Nope, RIP";
}Có phải nó bực bội khi tiếp tục lặp lại đoạn này mọi lúc? Chà, các nhà khai thác ternary cho phép bạn viết điều kiện này một cách hiệu quả: let message = someCondition ? "Got it" : "Nope, RIP"; Chết tiệt, điều đó ngắn hơn rất nhiều. Trả lại điều kiện nhanhTheo cùng một logic, hãy để Lừa chuyển sang một ví dụ khác: function someFunction() {
if (someCondition) {
return "Hey there";
} else {
return "Bye";
}
}Đây là điều mà các nhà phát triển có xu hướng làm rất nhiều, nhưng có một cách ngắn hơn và nhanh hơn để làm điều này. Bạn có thể đoán làm thế nào để làm điều đó? Hãy nhớ rằng, bạn muốn dành một chút thời gian để thử và tự mình tìm ra những điều này. Nếu bạn có thể, hãy cuộn trở lại và đọc lại bài. Đây là cách mọi thứ dính vào đầu bạn. ... if (condition) executeIfTrue(); else executeIfFalse();0 Bạn hiểu chứ? Hãy làm cho nó đơn giản hơn để hiểu: Nó thế nào? Cảm thấy như bộ não của bạn phát triển một chút? Tốt. Bây giờ hãy cố gắng hoàn thành bài tập sau:Đầu ra mã sau đây là gì? if (condition) executeIfTrue(); else executeIfFalse();1 Dung dịch Hôm nay, Sunny sẽ nắngĐược rồi, vì vậy chúng tôi đã có những điều cơ bản. Hãy cùng nhận được các trường hợp sử dụng phổ biến nhất của toán tử ternary. Trường hợp sử dụng phổ biến if (condition) executeIfTrue(); else executeIfFalse();2 JSX Lưu ý: Nếu bạn không quen thuộc với các khung/thư viện JS như React, tôi khuyên bạn nên bỏ qua phần tiếp theo. Example: if (condition) executeIfTrue(); else executeIfFalse();3 Hãy để lấy mã sau, sử dụng React làm ví dụ.red Mặc dù điều này hoạt động, đôi khi bạn muốn có kết xuất có điều kiện bên trong phần JSX của mã - đặc biệt là nếu mã của bạn không ngắn như ví dụ ở đây. Mặc dù bạn có thể sử dụng ‘nếu bên trong JSX, bạn có thể sử dụng các toán tử ternary, như vậyĐầu ra mã sau đây là gì? if (condition) executeIfTrue(); else executeIfFalse();4 Dung dịch Hôm nay, Sunny sẽ nắng Được rồi, vì vậy chúng tôi đã có những điều cơ bản. Hãy cùng nhận được các trường hợp sử dụng phổ biến nhất của toán tử ternary.Trường hợp sử dụng phổ biến JSX if (condition) executeIfTrue(); else executeIfFalse();5 Lưu ý: Nếu bạn không quen thuộc với các khung/thư viện JS như React, tôi khuyên bạn nên bỏ qua phần tiếp theo.“Assign this” Hãy để lấy mã sau, sử dụng React làm ví dụ.Mặc dù điều này hoạt động, đôi khi bạn muốn có kết xuất có điều kiện bên trong phần JSX của mã - đặc biệt là nếu mã của bạn không ngắn như ví dụ ở đây. if (condition) executeIfTrue(); else executeIfFalse();6 Mặc dù bạn có thể sử dụng ‘nếu bên trong JSX, bạn có thể sử dụng các toán tử ternary, như vậy if (condition) executeIfTrue(); else executeIfFalse();7 Được rồi, hãy để Lừa chuyển sang các trường hợp sử dụng chung hơn của nhà điều hành này. Nhiệm vụ biến nhanhĐầu ra mã sau đây là gì? if (condition) executeIfTrue(); else executeIfFalse();8 Dung dịch Hôm nay, Sunny sẽ nắng |
