search
HomeWeb Front-endFront-end Q&ASummarize several simple Javascript judgment statements

Javascript is a popular scripting language used to add interactivity and dynamic effects to web pages. When writing Javascript programs, it is often necessary to make conditional judgments to perform different operations according to different situations. This article will introduce several simple Javascript judgment statements to achieve the required judgments when writing programs.

1. If statement

The if statement is one of the most commonly used conditional judgment statements. Its syntax structure is:

if(条件){
    //在条件为真时执行的代码
}

If the condition is true, the code in the curly brackets is executed. You can use comparison operators such as "==", "!=", ">", "=", and "

if(3>2){
    console.log("3大于2");
}

In the above example, the condition 3>2 is true, so "3 is greater than 2" will be output.

2. Else statement

The else statement is executed when the if condition is not established. Its syntax structure is:

if(条件){
    //当条件为 true 时执行的代码
}else{
    //当条件为 false 时执行的代码
}

If the condition is false, the code in the else statement is executed. For example:

var age = 18;
if(age>=18){
    console.log("成年人");
}else{
    console.log("未成年人");
}

In the above example, if age is greater than or equal to 18, then output "adult"; otherwise, output "minor".

3. Else if statement

The else if statement allows you to check another condition and execute the code when the if condition is not true. Its syntax structure is:

if(条件1){
    //当条件1为 true 时执行的代码
}else if(条件2){
    //当条件1为 false,条件2为true 时执行的代码
}else{
    //当条件1和条件2都为false时执行的代码
}

In the above syntax structure, you can add multiple else if statements. If condition 1 is false, condition 2 is checked and the code is executed if condition 2 is true. For example:

var score = 90;
if(score>=90){
    console.log("优秀");
}else if(score>=80){
    console.log("良好");
}else if(score>=60){
    console.log("及格");
}else{
    console.log("不及格");
}

In the above example, if the score is greater than or equal to 90, the output is "excellent"; if the score is greater than or equal to 80, but less than 90, the output is "good"; if the score is greater than or equal to 60, But if it is less than 80, then "pass" is output; otherwise, "fail" is output.

4. Switch statement

The switch statement is a statement used to execute code under multiple conditions. Its syntax structure is:

switch(表达式){
    case 值1:
        //当表达式等于值1时执行的代码
        break;
    case 值2:
        //当表达式等于值2时执行的代码
        break;
    ……
    default:
        //当表达式与所有值都不相等时执行的代码
        break;
}

In the above syntax structure, the expression can be any Javascript expression. If the expression equals a value, the code associated with that value is executed. If the expression is not equal to all values, the code in the default branch is executed. For example:

var day = new Date().getDay();
switch(day){
    case 0:
        console.log("星期日");
        break;
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    ……
    default:
        console.log("不是星期几");
        break;
}

In the above example, the value of the day of the week is obtained through the Date object, and the code associated with it is executed in the switch statement. If day is equal to 0, then "Sunday" is output, if day is equal to 1, "Monday" is output, and so on. If day is not equal to any value from 0 to 6, output "not a day of the week".

Summary:

The above judgment statements are essential statements in implementing Javascript programs. When writing Javascript programs, choosing appropriate judgment statements according to different situations can greatly improve program efficiency and readability.

The above is the detailed content of Summarize several simple Javascript judgment statements. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
What are the limitations of React?What are the limitations of React?May 02, 2025 am 12:26 AM

React'slimitationsinclude:1)asteeplearningcurveduetoitsvastecosystem,2)SEOchallengeswithclient-siderendering,3)potentialperformanceissuesinlargeapplications,4)complexstatemanagementasappsgrow,and5)theneedtokeepupwithitsrapidevolution.Thesefactorsshou

React's Learning Curve: Challenges for New DevelopersReact's Learning Curve: Challenges for New DevelopersMay 02, 2025 am 12:24 AM

Reactischallengingforbeginnersduetoitssteeplearningcurveandparadigmshifttocomponent-basedarchitecture.1)Startwithofficialdocumentationforasolidfoundation.2)UnderstandJSXandhowtoembedJavaScriptwithinit.3)Learntousefunctionalcomponentswithhooksforstate

Generating Stable and Unique Keys for Dynamic Lists in ReactGenerating Stable and Unique Keys for Dynamic Lists in ReactMay 02, 2025 am 12:22 AM

ThecorechallengeingeneratingstableanduniquekeysfordynamiclistsinReactisensuringconsistentidentifiersacrossre-rendersforefficientDOMupdates.1)Usenaturalkeyswhenpossible,astheyarereliableifuniqueandstable.2)Generatesynthetickeysbasedonmultipleattribute

JavaScript Fatigue: Staying Current with React and Its ToolsJavaScript Fatigue: Staying Current with React and Its ToolsMay 02, 2025 am 12:19 AM

JavaScriptfatigueinReactismanageablewithstrategieslikejust-in-timelearningandcuratedinformationsources.1)Learnwhatyouneedwhenyouneedit,focusingonprojectrelevance.2)FollowkeyblogsliketheofficialReactblogandengagewithcommunitieslikeReactifluxonDiscordt

Testing Components That Use the useState() HookTesting Components That Use the useState() HookMay 02, 2025 am 12:13 AM

TotestReactcomponentsusingtheuseStatehook,useJestandReactTestingLibrarytosimulateinteractionsandverifystatechangesintheUI.1)Renderthecomponentandcheckinitialstate.2)Simulateuserinteractionslikeclicksorformsubmissions.3)Verifytheupdatedstatereflectsin

Keys in React: A Deep Dive into Performance Optimization TechniquesKeys in React: A Deep Dive into Performance Optimization TechniquesMay 01, 2025 am 12:25 AM

KeysinReactarecrucialforoptimizingperformancebyaidinginefficientlistupdates.1)Usekeystoidentifyandtracklistelements.2)Avoidusingarrayindicesaskeystopreventperformanceissues.3)Choosestableidentifierslikeitem.idtomaintaincomponentstateandimproveperform

What are keys in React?What are keys in React?May 01, 2025 am 12:25 AM

Reactkeysareuniqueidentifiersusedwhenrenderingliststoimprovereconciliationefficiency.1)TheyhelpReacttrackchangesinlistitems,2)usingstableanduniqueidentifierslikeitemIDsisrecommended,3)avoidusingarrayindicesaskeystopreventissueswithreordering,and4)ens

The Importance of Unique Keys in React: Avoiding Common PitfallsThe Importance of Unique Keys in React: Avoiding Common PitfallsMay 01, 2025 am 12:19 AM

UniquekeysarecrucialinReactforoptimizingrenderingandmaintainingcomponentstateintegrity.1)Useanaturaluniqueidentifierfromyourdataifavailable.2)Ifnonaturalidentifierexists,generateauniquekeyusingalibrarylikeuuid.3)Avoidusingarrayindicesaskeys,especiall

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft