search
HomeWeb Front-endFront-end Q&AWhat are the two data types of JavaScript?

What are the two data types of JavaScript?

Apr 07, 2021 pm 05:32 PM
javascripttype of data

Javascript data types are divided into two types: 1. Value types (basic types), including String, Number, Boolean, Null, Undefined and Symbol types; 2. Reference data types, including Object, Array and Function type.

What are the two data types of JavaScript?

The operating environment of this tutorial: Windows 7 system, ECMAScript version 6, Dell G3 computer.

javascript data types are divided into:

  • Value types (basic types): String, Number, Boolean ( Boolean), Null, Undefined, Symbol.

  • Reference data types: Object, Array, Function.

Detailed explanation of basic data types:

1. Number type

①The number type includes integers and floating-point numbers (the floating-point number value must contain a decimal point and at least one digit after the decimal point).

Floating point numbers will be automatically converted to integers, as follows:

let num = 1.00
console.log(num) // 输出:1,自动转换为了整数

② The highest precision of floating point numbers is 17 digits, see the following example:

let a = 0.1
let b = 0.2
console.log(a + b) // 输出:0.30000000000000004

The above example, the result It’s not 0.3. As for other languages, this situation will also occur (there will be errors in floating-point calculations, and similar situations will occur in other languages.)

③ NaN: Not a number Type, characteristics: Any operation involving NaN will return NaN, and NaN is not equal to itself. As follows:

let name = 'lisi'
console.log(name / 10) // 输出:NaN
console.log(NaN === NaN) // 输出:false

④ The isNaN() function is used to determine whether it is a non-numeric type. If the parameter passed in is a non-numeric type, then return true, otherwise return false;

⑤ The isNaN() function passes in a parameter. The function will first convert the parameter into a numerical value. If the parameter type is an object type, it will first call the valueOf() method of the object, and then determine whether the value returned by the method can be converted into a numerical type. If No, call the toString() method of the object again, and then determine the return value;

⑦ Numeric conversion:

Number(), transformation function, can be used for any data type

parseInt(), converts the value to an integer type, it is often used

parseFloat(), converts the value to a floating point type

[Recommended learning: javascript advanced tutorial

2. String type

① The single and double quotes in the string type have the same effect;

② The string has the length attribute. You can get the length of the string:

let str = 'Hello world'
console.log(str.length) // 输出:11

③ The value of the string is immutable. To change the value of a string, you must first destroy the original string, and then use another string area containing the new value. Fill in the string;

④ String conversion:

String(), transformation function, suitable for any data type (null, undefined is converted to null and undefined)

## The #toString() method can convert a logical value into a string and return the result (null, undefined does not have toString() method)

let ab = 'zhangsan'
let bc = null
let cd = undefined
console.log(ab.toString())  // 输出:zhangsan
// console.log(bc.toString())  // error 报错
// console.log(cd.toString())  // error 报错
console.log(String(ab))  // 输出:zhangsan
console.log(String(bc))  // 输出:null
console.log(String(cd))  // 输出:undefined

3, boolean type

① This type has only two values, true and false;

② Boolean(), transformation function, converts a value into a Boolean type

4, null type

① The null type is regarded as a null object pointer and has only one value, the null value. Therefore, when using the typeof operator to detect the value of the null type, the result is the object type;

② If you define a variable, but want to use the object as an object in the future, it is best to initialize the object to null value

5, undefined type

① There is only one value, which is undefined. If a variable is declared but the variable is not initialized, then the value of the variable is undefined:

let name = 'zhangsan'
let age
console.log(name) // 输出:zhangsan
console.log(age) // undefined,因为声明了age,但是没有给初始化值

② When calling the function, the parameters that should be provided are not provided. The parameter is equal to undefined;

③ The object has no assigned attribute, and the value of the attribute is undefined;

④ The function has no return value and returns undefined by default.

6. Symbol

Symbol is a new primitive data type introduced in ES6 to represent unique values. The Symbol type is unique and cannot be modified

var s = Symbol()

The new command cannot be used before the Symbol function, otherwise an error will be reported. This is because the generated Symbol is a primitive type value, not an object.

The Symbol function can accept a string as a parameter, representing a description of the Symbol instance


For more programming-related knowledge, please visit:

Programming Video! !

The above is the detailed content of What are the two data types of 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
HTML and React's Integration: A Practical GuideHTML and React's Integration: A Practical GuideApr 21, 2025 am 12:16 AM

HTML and React can be seamlessly integrated through JSX to build an efficient user interface. 1) Embed HTML elements using JSX, 2) Optimize rendering performance using virtual DOM, 3) Manage and render HTML structures through componentization. This integration method is not only intuitive, but also improves application performance.

React and HTML: Rendering Data and Handling EventsReact and HTML: Rendering Data and Handling EventsApr 20, 2025 am 12:21 AM

React efficiently renders data through state and props, and handles user events through the synthesis event system. 1) Use useState to manage state, such as the counter example. 2) Event processing is implemented by adding functions in JSX, such as button clicks. 3) The key attribute is required to render the list, such as the TodoList component. 4) For form processing, useState and e.preventDefault(), such as Form components.

The Backend Connection: How React Interacts with ServersThe Backend Connection: How React Interacts with ServersApr 20, 2025 am 12:19 AM

React interacts with the server through HTTP requests to obtain, send, update and delete data. 1) User operation triggers events, 2) Initiate HTTP requests, 3) Process server responses, 4) Update component status and re-render.

React: Focusing on the User Interface (Frontend)React: Focusing on the User Interface (Frontend)Apr 20, 2025 am 12:18 AM

React is a JavaScript library for building user interfaces that improves efficiency through component development and virtual DOM. 1. Components and JSX: Use JSX syntax to define components to enhance code intuitiveness and quality. 2. Virtual DOM and Rendering: Optimize rendering performance through virtual DOM and diff algorithms. 3. State management and Hooks: Hooks such as useState and useEffect simplify state management and side effects handling. 4. Example of usage: From basic forms to advanced global state management, use the ContextAPI. 5. Common errors and debugging: Avoid improper state management and component update problems, and use ReactDevTools to debug. 6. Performance optimization and optimality

React's Role: Frontend or Backend? Clarifying the DistinctionReact's Role: Frontend or Backend? Clarifying the DistinctionApr 20, 2025 am 12:15 AM

Reactisafrontendlibrary,focusedonbuildinguserinterfaces.ItmanagesUIstateandupdatesefficientlyusingavirtualDOM,andinteractswithbackendservicesviaAPIsfordatahandling,butdoesnotprocessorstoredataitself.

React in the HTML: Building Interactive User InterfacesReact in the HTML: Building Interactive User InterfacesApr 20, 2025 am 12:05 AM

React can be embedded in HTML to enhance or completely rewrite traditional HTML pages. 1) The basic steps to using React include adding a root div in HTML and rendering the React component via ReactDOM.render(). 2) More advanced applications include using useState to manage state and implement complex UI interactions such as counters and to-do lists. 3) Optimization and best practices include code segmentation, lazy loading and using React.memo and useMemo to improve performance. Through these methods, developers can leverage the power of React to build dynamic and responsive user interfaces.

React: The Foundation for Modern Frontend DevelopmentReact: The Foundation for Modern Frontend DevelopmentApr 19, 2025 am 12:23 AM

React is a JavaScript library for building modern front-end applications. 1. It uses componentized and virtual DOM to optimize performance. 2. Components use JSX to define, state and attributes to manage data. 3. Hooks simplify life cycle management. 4. Use ContextAPI to manage global status. 5. Common errors require debugging status updates and life cycles. 6. Optimization techniques include Memoization, code splitting and virtual scrolling.

The Future of React: Trends and Innovations in Web DevelopmentThe Future of React: Trends and Innovations in Web DevelopmentApr 19, 2025 am 12:22 AM

React's future will focus on the ultimate in component development, performance optimization and deep integration with other technology stacks. 1) React will further simplify the creation and management of components and promote the ultimate in component development. 2) Performance optimization will become the focus, especially in large applications. 3) React will be deeply integrated with technologies such as GraphQL and TypeScript to improve the development experience.

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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software