Home Web Front-end JS Tutorial What are the special data types in JavaScript?

What are the special data types in JavaScript?

Jun 20, 2018 pm 03:43 PM

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
Copy after login

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
Copy after login

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 部分可转换,但整体不能转换
Copy after login

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"
Copy after login

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
Copy after login

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"
Copy after login

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
Copy after login

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
Copy after login

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 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)

Hot Topics

Java Tutorial
1657
14
PHP Tutorial
1257
29
C# Tutorial
1229
24
Demystifying JavaScript: What It Does and Why It Matters Demystifying JavaScript: What It Does and Why It Matters Apr 09, 2025 am 12:07 AM

JavaScript is the cornerstone of modern web development, and its main functions include event-driven programming, dynamic content generation and asynchronous programming. 1) Event-driven programming allows web pages to change dynamically according to user operations. 2) Dynamic content generation allows page content to be adjusted according to conditions. 3) Asynchronous programming ensures that the user interface is not blocked. JavaScript is widely used in web interaction, single-page application and server-side development, greatly improving the flexibility of user experience and cross-platform development.

The Evolution of JavaScript: Current Trends and Future Prospects The Evolution of JavaScript: Current Trends and Future Prospects Apr 10, 2025 am 09:33 AM

The latest trends in JavaScript include the rise of TypeScript, the popularity of modern frameworks and libraries, and the application of WebAssembly. Future prospects cover more powerful type systems, the development of server-side JavaScript, the expansion of artificial intelligence and machine learning, and the potential of IoT and edge computing.

JavaScript Engines: Comparing Implementations JavaScript Engines: Comparing Implementations Apr 13, 2025 am 12:05 AM

Different JavaScript engines have different effects when parsing and executing JavaScript code, because the implementation principles and optimization strategies of each engine differ. 1. Lexical analysis: convert source code into lexical unit. 2. Grammar analysis: Generate an abstract syntax tree. 3. Optimization and compilation: Generate machine code through the JIT compiler. 4. Execute: Run the machine code. V8 engine optimizes through instant compilation and hidden class, SpiderMonkey uses a type inference system, resulting in different performance performance on the same code.

JavaScript: Exploring the Versatility of a Web Language JavaScript: Exploring the Versatility of a Web Language Apr 11, 2025 am 12:01 AM

JavaScript is the core language of modern web development and is widely used for its diversity and flexibility. 1) Front-end development: build dynamic web pages and single-page applications through DOM operations and modern frameworks (such as React, Vue.js, Angular). 2) Server-side development: Node.js uses a non-blocking I/O model to handle high concurrency and real-time applications. 3) Mobile and desktop application development: cross-platform development is realized through ReactNative and Electron to improve development efficiency.

Python vs. JavaScript: The Learning Curve and Ease of Use Python vs. JavaScript: The Learning Curve and Ease of Use Apr 16, 2025 am 12:12 AM

Python is more suitable for beginners, with a smooth learning curve and concise syntax; JavaScript is suitable for front-end development, with a steep learning curve and flexible syntax. 1. Python syntax is intuitive and suitable for data science and back-end development. 2. JavaScript is flexible and widely used in front-end and server-side programming.

How to Build a Multi-Tenant SaaS Application with Next.js (Frontend Integration) How to Build a Multi-Tenant SaaS Application with Next.js (Frontend Integration) Apr 11, 2025 am 08:22 AM

This article demonstrates frontend integration with a backend secured by Permit, building a functional EdTech SaaS application using Next.js. The frontend fetches user permissions to control UI visibility and ensures API requests adhere to role-base

From C/C   to JavaScript: How It All Works From C/C to JavaScript: How It All Works Apr 14, 2025 am 12:05 AM

The shift from C/C to JavaScript requires adapting to dynamic typing, garbage collection and asynchronous programming. 1) C/C is a statically typed language that requires manual memory management, while JavaScript is dynamically typed and garbage collection is automatically processed. 2) C/C needs to be compiled into machine code, while JavaScript is an interpreted language. 3) JavaScript introduces concepts such as closures, prototype chains and Promise, which enhances flexibility and asynchronous programming capabilities.

How do I install JavaScript? How do I install JavaScript? Apr 05, 2025 am 12:16 AM

JavaScript does not require installation because it is already built into modern browsers. You just need a text editor and a browser to get started. 1) In the browser environment, run it by embedding the HTML file through tags. 2) In the Node.js environment, after downloading and installing Node.js, run the JavaScript file through the command line.

See all articles