search
HomeWeb Front-endJS TutorialWhat are the special data types in JavaScript?

In JavaScript, there are 6 major data types, including string, number, boolean, undefined, null and object. The following is an introduction to the special data types in JavaScript through this article. Friends who need it can refer to it

In JavaScript, there are 6 major data types, including string, number, boolean, undefined, null and object

1. Special types in JS: NaN

NaN is Not a Number, not a number, so what exactly is NaN? For JS, integers and floating point numbers are collectively called the number type. In addition, the number type also has a very special value, namely NaN, which is used to indicate whether it is a state of the number type, rather than An exact value (so, NaN is not equal to itself).

So, under what circumstances do NaN values ​​generally appear?

Generally there are two situations:

(1) If there are operators such as minus sign (-), multiplication sign (*) or division sign (/) in an expression, JS The engine will try to convert the variables on both sides of the operator into number type (use Number(x) for conversion) before calculation. If the conversion fails, the expression will return NaN; the plus () operator will not convert the variables on both sides of it. Convert to number type. This is because the execution order of JS expressions is from left to right according to the priority of the operator. If the variables on both sides of the plus sign () are of type number, the number addition operation will be performed. , if one of the variables is a string, both sides will be added as strings, such as: 5 4 "6"="96"

(2) Directly use parseInt, parseFloat or Number to add a When a non-numeric value is converted to a number, the expression returns NaN

"abc" - 3  // NaN
parseInt( "abc" ) // NaN
parseFloat( "abc" ) //NaN
Number( "abc" )  //NaN

For the value of a numeric character, the conversion result will be different:

Number( "123abc" ); //NaN
parseInt( "123abc" ); //123
parseInt( "123abc45" ); //123
parseFloat( "123.45abc" ); //123.45

This is because the entire value converted by Number, Instead of partial values, parseInt and parseFloat only convert the string up to the first invalid character.

Therefore, when a string cannot be successfully converted by Number, parseInt, parseFloat, NaN is returned, indicating that the string cannot be recognized as a numeric type. This is an exception status and not an exact value. .

So NaN != NaN , because it is an exception status, not an exact value.

In addition, there is a function related to NaN, namely isNaN(). Its function is to check whether a string can be successfully converted by Number(), that is, to force the entire string to be converted.

isNaN( "123" )  //false 能转换
isNaN( "abc" )  //true 不能转换
isNaN( "123abc" )  //true 部分可转换,但整体不能转换
isNaN( "123.45abc" ) //true 部分可转换,但整体不能转换

2. There are two other special types in JS: undeinfed and null

undefined is one of the 6 data types in JavaScript This type has only one value, which is undefined. undefined means `undefined`, that is, when a variable is declared using var but no value is assigned, the value of the variable is undefined. There are two reasons for this:

(1) The access object does not exist Attribute or method

(2) The variable is declared but never assigned a value

var v1,obj = {};
console.log(v1); //undefined
console.log(obj. get ); //undefined
typeof v1; // "undefined"
typeof v2; // "undefined"
typeof obj. get ; // "undefine"
typeof obj ; // "object"

The difference from NaN is that although undefined also represents a state of the variable, this state value is definitely unique. That is, when a variable is declared but not assigned a value, its status is undefined, so the following expression is true:

var b;
b == undefined; //true

After understanding undefined, it will be much easier to understand null, and there is only one null type. Value: null, indicating that a variable does not contain valid data. Null here means empty value or empty object. To be more precise, a variable assigned to null does not store a valid value, string, Boolean, array or object, etc. It can be solved by assigning null to a variable. Clear the contents of the variable. There is only one reason for null: that is, explicitly assigning null to a variable.

var p = null ;
console.log(p); //null
typeof p ; // "object"
typeof null ; // "object"

Let’s compare it with NaN. Null is also a certain and unique state value. When a variable is assigned to null, it is equal to null, so the following expression is also true:

var obj = null ;
obj == null ; //true

In addition:

var  v1 = null;
var v2;
console.log(v1 + 1 ); // 1
console.log(v2 + 1 ); //NaN
var i = i +1;
var j = i+ 1;
console.log(i); // NaN
console.log(j ); //NaN
console.log(i == j ); //false

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

How to use fs.rename in node.js to implement forced renaming

Use npm to create a vue project ( Detailed tutorial)

Is there an error when calling fs.renameSync in Node.js?

How to configure the React Native development environment in VSCode

The above is the detailed content of What are the special data types in JavaScript?. 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
Python and JavaScript: Understanding the Strengths of EachPython and JavaScript: Understanding the Strengths of EachMay 06, 2025 am 12:15 AM

Python and JavaScript each have their own advantages, and the choice depends on project needs and personal preferences. 1. Python is easy to learn, with concise syntax, suitable for data science and back-end development, but has a slow execution speed. 2. JavaScript is everywhere in front-end development and has strong asynchronous programming capabilities. Node.js makes it suitable for full-stack development, but the syntax may be complex and error-prone.

JavaScript's Core: Is It Built on C or C  ?JavaScript's Core: Is It Built on C or C ?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltonCorC ;it'saninterpretedlanguagethatrunsonenginesoftenwritteninC .1)JavaScriptwasdesignedasalightweight,interpretedlanguageforwebbrowsers.2)EnginesevolvedfromsimpleinterpreterstoJITcompilers,typicallyinC ,improvingperformance.

JavaScript Applications: From Front-End to Back-EndJavaScript Applications: From Front-End to Back-EndMay 04, 2025 am 12:12 AM

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Python vs. JavaScript: Which Language Should You Learn?Python vs. JavaScript: Which Language Should You Learn?May 03, 2025 am 12:10 AM

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

JavaScript Frameworks: Powering Modern Web DevelopmentJavaScript Frameworks: Powering Modern Web DevelopmentMay 02, 2025 am 12:04 AM

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

The Relationship Between JavaScript, C  , and BrowsersThe Relationship Between JavaScript, C , and BrowsersMay 01, 2025 am 12:06 AM

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

Node.js Streams with TypeScriptNode.js Streams with TypeScriptApr 30, 2025 am 08:22 AM

Node.js excels at efficient I/O, largely thanks to streams. Streams process data incrementally, avoiding memory overload—ideal for large files, network tasks, and real-time applications. Combining streams with TypeScript's type safety creates a powe

Python vs. JavaScript: Performance and Efficiency ConsiderationsPython vs. JavaScript: Performance and Efficiency ConsiderationsApr 30, 2025 am 12:08 AM

The differences in performance and efficiency between Python and JavaScript are mainly reflected in: 1) As an interpreted language, Python runs slowly but has high development efficiency and is suitable for rapid prototype development; 2) JavaScript is limited to single thread in the browser, but multi-threading and asynchronous I/O can be used to improve performance in Node.js, and both have advantages in actual projects.

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

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

Atom editor mac version download

Atom editor mac version download

The most popular open source editor