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.
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 type4, 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 value5, 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 modifiedvar 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
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!

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

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

Reactisafrontendlibrary,focusedonbuildinguserinterfaces.ItmanagesUIstateandupdatesefficientlyusingavirtualDOM,andinteractswithbackendservicesviaAPIsfordatahandling,butdoesnotprocessorstoredataitself.

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

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.


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

Dreamweaver Mac version
Visual web development tools

ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

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