Table of Contents
Operator
Home Web Front-end JS Tutorial Take you step by step to understand the basics of JavaScript operators

Take you step by step to understand the basics of JavaScript operators

Oct 12, 2021 am 10:27 AM
javascript front end operator

This article will take you through the basic knowledge of operators in JavaScript: arithmetic operators, increment/decrement operators, comparison operators, logical operators and ternary operators. I hope to be helpful.

Take you step by step to understand the basics of JavaScript operators

Operator

1 Arithmetic operator

  • Concept: It is to perform Operators for addition, subtraction, multiplication, and division, and remainder calculations

  • Operators: , -, *, /, % (remainder operations)

Note: When performing arithmetic operations, floating point (decimal) operations may cause precision problems

2 Increment and decrement operators

Operators: , -- (a, a--, a, --a)

//前置递增运算符
var num = 1;
++num //或者num++
console.log(num)//结果为2
 
//++num 相当于是 num = num + 1
//前置++ 是先做自增再做其他运算
 
 
 
 
//前置递减运算符
var num = 1;
--num //或者num--
console.log(num)//结果为0
 
//--num 相当于是 num = num - 1
//前置-- 是先做自减再做其他运算
Copy after login

3 Comparison operators

Operators: > , < , >= , <=, == , !=, ===, !==

Note: The more Small first execution

  • ##> , < , >= , <= The priority is 6


  • == , !=, ===, !== The priority is 7

  • ==: Determine whether the values ​​​​in the data on both sides are equal (different data types will be converted to the same Data type conversion 18=='18' // true)

  • ===: Whether the values ​​in the two passes of data are of the same type (18==='18' // false)

4 Logical operator

##Logical AND (&&):

    If the && symbol is used, it means that only when both conditions are true (true), the result of the entire expression is true. As long as one condition is false, the expression The result of the formula is false
  • The interruption of logical AND:

    Because the AND operation requires all conditions to be established, the final AND operation result is true, if one of the conditions is not true, the result of the AND operation is false
  • var age = 18
    var num ;
    age>18 && (num = 998);
     
    //因为 age>18没有成立,逻辑与就已经得到结果为假
    //所以当逻辑与计算完毕之后,后面的num=998就不会再运行了
    Copy after login
  • Logical OR (||):

    As long as there is one condition If it is true, the result of the expression is true. Only when all conditions are not true, the result of the expression is false.
  • Interruption of logical OR:
var age = 18;
var num;
age == 18 || (num = 998);
 
 //因为 age==18成立,逻辑或就已经得到结果为真
//所以当逻辑或计算完毕之后,后面的num=998就不会再运行了
Copy after login

Logical NOT (!): Negate true to false, false to true

var a = 5;
!(a > 1)//a等于5,所以大于1为真(true),因为取反,所以这个表达式为假(false)
Copy after login

5 Ternary operator: ?:

can be understood as a simplified way of writing the double branch of if

Grammar structure:

表达式1 ? 表达式2 : 表达式3
Copy after login

When expression 1 When it is established, expression 2

will be executed. When expression 1 is not established, expression 3

var a,b=2,c=3;
a=b>2?b:c; //运行结果是a为3,b大于2为真就返回b给a,为假返回c给a,因为b不大于2,所以返回c给a
Copy after login

will be executed. [Recommended learning:

javascript advanced tutorial

The above is the detailed content of Take you step by step to understand the basics of JavaScript operators. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
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

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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP and Vue: a perfect pairing of front-end development tools PHP and Vue: a perfect pairing of front-end development tools Mar 16, 2024 pm 12:09 PM

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

Analysis of the meaning and usage of += operator in C language Analysis of the meaning and usage of += operator in C language Apr 03, 2024 pm 02:27 PM

The += operator is used to add the value of the left operand to the value of the right operand and assign the result to the left operand. It is suitable for numeric types and the left operand must be writable.

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

Is Django front-end or back-end? check it out! Is Django front-end or back-end? check it out! Jan 19, 2024 am 08:37 AM

Django is a web application framework written in Python that emphasizes rapid development and clean methods. Although Django is a web framework, to answer the question whether Django is a front-end or a back-end, you need to have a deep understanding of the concepts of front-end and back-end. The front end refers to the interface that users directly interact with, and the back end refers to server-side programs. They interact with data through the HTTP protocol. When the front-end and back-end are separated, the front-end and back-end programs can be developed independently to implement business logic and interactive effects respectively, and data exchange.

Mind map of Python syntax: in-depth understanding of code structure Mind map of Python syntax: in-depth understanding of code structure Feb 21, 2024 am 09:00 AM

Python is widely used in a wide range of fields with its simple and easy-to-read syntax. It is crucial to master the basic structure of Python syntax, both to improve programming efficiency and to gain a deep understanding of how the code works. To this end, this article provides a comprehensive mind map detailing various aspects of Python syntax. Variables and Data Types Variables are containers used to store data in Python. The mind map shows common Python data types, including integers, floating point numbers, strings, Boolean values, and lists. Each data type has its own characteristics and operation methods. Operators Operators are used to perform various operations on data types. The mind map covers the different operator types in Python, such as arithmetic operators, ratio

Exploring Go language front-end technology: a new vision for front-end development Exploring Go language front-end technology: a new vision for front-end development Mar 28, 2024 pm 01:06 PM

As a fast and efficient programming language, Go language is widely popular in the field of back-end development. However, few people associate Go language with front-end development. In fact, using Go language for front-end development can not only improve efficiency, but also bring new horizons to developers. This article will explore the possibility of using the Go language for front-end development and provide specific code examples to help readers better understand this area. In traditional front-end development, JavaScript, HTML, and CSS are often used to build user interfaces

Questions frequently asked by front-end interviewers Questions frequently asked by front-end interviewers Mar 19, 2024 pm 02:24 PM

In front-end development interviews, common questions cover a wide range of topics, including HTML/CSS basics, JavaScript basics, frameworks and libraries, project experience, algorithms and data structures, performance optimization, cross-domain requests, front-end engineering, design patterns, and new technologies and trends. . Interviewer questions are designed to assess the candidate's technical skills, project experience, and understanding of industry trends. Therefore, candidates should be fully prepared in these areas to demonstrate their abilities and expertise.

Django: A magical framework that can handle both front-end and back-end development! Django: A magical framework that can handle both front-end and back-end development! Jan 19, 2024 am 08:52 AM

Django: A magical framework that can handle both front-end and back-end development! Django is an efficient and scalable web application framework. It is able to support multiple web development models, including MVC and MTV, and can easily develop high-quality web applications. Django not only supports back-end development, but can also quickly build front-end interfaces and achieve flexible view display through template language. Django combines front-end development and back-end development into a seamless integration, so developers don’t have to specialize in learning

See all articles