


Detailed interpretation of implicit type conversion caused by double equal signs in JavaScript (graphic tutorial)
The conversion caused by the == judgment in JavaScript will trigger a series of execution steps of the interpreter. Next, we will explain in detail the implicit type conversion caused by the double equal sign in JavaScript. Friends in need can refer to it
Introduction
The if statement should be a statement used more often by programmers. Many times, if judgment is required. The if statement generally uses a double equal sign to judge the two elements before and after. Is it consistent? If it is consistent, the return value is true, and then the following statement is executed. Otherwise, other statements are executed. The implicit type conversion mentioned in this article refers to the conversion caused by ==. To give a simple example, the double equal sign is not the congruent sign. The congruent sign is "===" and three equal signs. The statement "1" == 1, then generally the previous string "1" is converted to Number 1 and then compare. Through this example, you should understand what implicit type conversion is!
Implicit type conversion steps
1. First check whether there is NaN before or after the double equal sign. If there is NaN, it will always return false.
2. Check whether there is a Boolean before or after the double equal sign. If there is a Boolean, convert the Boolean into a number. (false is 0, true is 1)
3. Then check whether there is a string before and after the double equal sign. There are three situations:
1. The other party is an object, and the object uses toString() or valueOf() for conversion;
2. The other party is a number, and the string is converted to a number; (already given the example)
3. The other party is a string, direct comparison;
4. Others return false
four . If it is a number and the other party is an object, the object is compared with valueOf() or toString(), otherwise it will return false
5. Null and undefined will not perform type conversion, but they are equal
The above conversion sequence must be kept in mind. Type questions often arise during interviews.
.toString() method and .valueOf() method Numerical conversion
Normally we think that to convert an object into a string, we need to call the toString() method, and to convert it into a number, we need to call valueOf() method, but it is not that simple when actually applied. See the following code example:
var obj = { webName: "haorooms前端博客", url:"www.jb51.net" } console.log(obj.toString()); //[object Object]
Similarly, let’s look at the valueOf() method:
var arr = [1, 2, 3]; console.log(arr.valueOf());//[1, 2, 3]
From the above code, you can It can be seen that the valueOf() method does not convert the object into a number that can reflect this object. Instead, we use toString()
var arr = [1, 2, 3]; console.log(arr.toString());//1,2,3
Note: Many friends believe that to convert to a string, you must first call the toString() method. In fact, this is a wrong understanding. We should understand it this way. Calling the toString() method can Converting to a string, but not necessarily converting a string, is to first call the toString() method.
Let’s take a look at the following code:
var arr = {}; arr.valueOf = function () { return 1; } arr.toString = function () { return 2; } console.log(arr == 1);//true var arr = {}; arr.valueOf = function () { return []; } arr.toString = function () { return 1; } console.log(arr == 1);//true
We can see from the above code that the conversion first calls valueOf(). If valueOf() is not a numerical value, then toString will be called for conversion!
var arr = {}; arr.valueOf = function () { return "1"; } arr.toString = function () { return "2"; } console.log(arr == "1");//true
If "1" is a string, the first thing it calls is valueOf().
var arr = [2]; console.log(arr + "1");//21
In the above example, toString() is called; because arr.toString() is followed by 2.
The conversion process is like this. First, arr will first call the valueOf() method, but this method of numbers is simply inherited and has not been rewritten (of course this rewriting is not implemented by us). The return value is The array object itself is not a value type, so the toString() method is called instead, thus achieving the purpose of converting to a string.
Summary
Most objects that are implicitly converted to a value type first try to call the valueOf() method. But the Date object is an exception. The valueOf() and toString() methods of this object have been carefully rewritten. The default is to call the toString() method, such as using operators. If it is in other arithmetic operation environments, valueOf will be called instead. ()method.
var date = new Date(); console.log(date + "1"); //Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1 console.log(date + 1);//Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1 console.log(date - 1);//1460886888556 console.log(date * 1);//1460886888557
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
In-depth analysis of the arguments object in JavaScript (graphic tutorial)
Basic introduction to JavaScript_object (must read) (Graphic tutorial)
Detailed interpretationjavascriptClient event driven (Graphic tutorial)
The above is the detailed content of Detailed interpretation of implicit type conversion caused by double equal signs in JavaScript (graphic tutorial). For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.

Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

Essential tools for stock analysis: Learn the steps to draw candle charts in PHP and JS. Specific code examples are required. With the rapid development of the Internet and technology, stock trading has become one of the important ways for many investors. Stock analysis is an important part of investor decision-making, and candle charts are widely used in technical analysis. Learning how to draw candle charts using PHP and JS will provide investors with more intuitive information to help them make better decisions. A candlestick chart is a technical chart that displays stock prices in the form of candlesticks. It shows the stock price

Introduction to how to use JavaScript and WebSocket to implement a real-time online ordering system: With the popularity of the Internet and the advancement of technology, more and more restaurants have begun to provide online ordering services. In order to implement a real-time online ordering system, we can use JavaScript and WebSocket technology. WebSocket is a full-duplex communication protocol based on the TCP protocol, which can realize real-time two-way communication between the client and the server. In the real-time online ordering system, when the user selects dishes and places an order

How to use WebSocket and JavaScript to implement an online reservation system. In today's digital era, more and more businesses and services need to provide online reservation functions. It is crucial to implement an efficient and real-time online reservation system. This article will introduce how to use WebSocket and JavaScript to implement an online reservation system, and provide specific code examples. 1. What is WebSocket? WebSocket is a full-duplex method on a single TCP connection.

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

With the rapid development of Internet finance, stock investment has become the choice of more and more people. In stock trading, candle charts are a commonly used technical analysis method. It can show the changing trend of stock prices and help investors make more accurate decisions. This article will introduce the development skills of PHP and JS, lead readers to understand how to draw stock candle charts, and provide specific code examples. 1. Understanding Stock Candle Charts Before introducing how to draw stock candle charts, we first need to understand what a candle chart is. Candlestick charts were developed by the Japanese
