Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

Operator trójargumentowy ternary

Operator trójargumentowy (ternary) jest skróconą formą instrukcji warunkowej, która pozwala przypisać wartość zmiennej na podstawie warunku. Składnia operatora jest prosta i składa się z trzech części: warunek, wartość jeśli warunek jest prawdziwy oraz wartość jeśli warunek jest fałszywy. Operator ten jest bardzo użyteczny w skryptach JavaScript, pozwalając na zwięzłe i czytelne przypisywanie wartości.

Przykład użycia operatora trójargumentowego

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Przykład użycia operatora trójargumentowego</title>
</head>
<body>
    <h3>Operator trójargumentowy w JavaScript</h3>
    <script>
        // Przykład 1: Proste przypisanie wartości
        // Sprawdza, czy użytkownik jest pełnoletni
        let age = 20;
        let isAdult = (age >= 18) ? 'Tak' : 'Nie';
        console.log('Czy użytkownik jest pełnoletni? ' + isAdult);

        // Przykład 2: Decyzja o wartości na podstawie innej zmiennej
        // Wybiera komunikat na podstawie pory dnia
        const time = new Date().getHours();
        let greeting = (time < 12) ? 'Dzień dobry' : 'Dobry wieczór';
        console.log(greeting);

        // Przykład 3: Użycie operatora trójargumentowego w funkcji
        // Funkcja zwracająca, czy liczba jest parzysta, czy nieparzysta
        function checkIfEven(num) {
            return (num % 2 === 0) ? 'Parzysta' : 'Nieparzysta';
        }
        console.log(checkIfEven(10)); // Wyświetli "Parzysta"
        console.log(checkIfEven(5));  // Wyświetli "Nieparzysta"
    </script>
</body>
</html>

W powyższym kodzie:

  • Przykład 1: Operator trójargumentowy użyty do sprawdzenia, czy użytkownik jest pełnoletni.
  • Przykład 2: Zmienna greeting przyjmuje wartość na podstawie porównania bieżącej godziny z wartością 12. Demonstruje to, jak łatwo można manipulować treścią wyświetlaną użytkownikowi w zależności od czasu.
  • Przykład 3: Funkcja checkIfEven wykorzystuje operator trójargumentowy do zwrócenia stringa informującego, czy liczba jest parzysta czy nieparzysta.

Podsumowanie

Operator trójargumentowy jest potężnym narzędziem w języku JavaScript, umożliwiającym pisanie krótszego i bardziej zrozumiałego kodu podczas wykonywania operacji warunkowych. Dzięki niemu, można z łatwością przypisywać wartości do zmiennych lub decydować o logice działania funkcji na podstawie prostych warunków. Użycie operatora trójargumentowego sprawia, że kod jest nie tylko bardziej zwięzły, ale również łatwiejszy do zrozumienia i utrzymania.

Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.