Home Web Front-end JS Tutorial Detailed explanation of the usage of six major data types in javascript basic tutorial

Detailed explanation of the usage of six major data types in javascript basic tutorial

Jul 18, 2017 pm 04:20 PM
javascript js data

There are six data types in js, including five basic data types (Number, String, Boolean, Null, Undefined), and one mixed data type (Object).

Variables in js are loosely typed, so sometimes we need to detect the data type of the variable.

1.Number type

The Number type contains two values: integers and floating point numbers (floating point numbers must include a decimal point and at least one digit after the decimal point).

Floating point numbers will be automatically converted to integers.


var num = 1.00;
console.log(num);//1,自动转换为整数
Copy after login

The highest precision of floating point numbers is 17 digits. Looking at the example below, the result is not 0.3. As for other programming languages, this will also happen (about floating point numbers). Point calculation will cause rounding errors, and similar situations will occur in some other programming languages)


##

var num1 = 0.1;
var num2 = 0.2;
console.log(num1 + num2);//0.30000000000000004
Copy after login

NaN: Non-numeric type. Features: ① Any operation involving NaN will return NaN ② NaN is not equal to itself.


var ab = "a1";
console.log(ab/10);// NaN
console.log(NaN == NaN);// false;
Copy after login

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;

isNaN() function, when a parameter is passed in, the function will first convert the parameter into a numerical value.

If the parameter type is an object type, the valueOf() method of the object will be called first, and then it will be determined whether the value returned by the method can be converted to a numeric type. If not, call the object's toString() method again and determine the return value.

Numeric conversion:

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

parseInt(), Convert the value to an integer type, which is often used;

parseFloat(); Convert the value to a floating point type.

2.String type

The single quotes and double quotes in the string type have exactly the same effect.

Strings have length attributes. You can get the length of the string. var str = “hello”;console.log(str.length);//5

The value of the string is immutable. To change the value of a string, first destroy the original string and then fill it with another string containing the new value.


var lang = “java”;
lang += “script”;
Copy after login

The above code first creates a string that can hold 10 characters, then fills the string with java and script strings, and finally destroys the original String java and scrip string, because these two strings are useless at this time. This process happens in the background.

String conversion: Transformation function String(), applicable to any data type (null, undefined will be converted to null and undefined); toString() method (null, defined does not have toString() method).


var bc = "lijinwen";
var bd = null;
var be = undefined;
console.log(bc.toString());
//console.log(bd.toString());//error 报错
//console.log(be.toString());//error 报错
console.log("------");
console.log(String(bc));
console.log(String(bd));
console.log(String(be));
Copy after login

3.Boolean type

This type has only two values, true and false

Convert to boolean value: Transformation function Boolean() converts a value to Boolean type. Details will be added later.

4.Null type

The null type is regarded as a null object pointer. As mentioned above, the null type is also a null object reference. There is only one value, the null value, so when you use the typeof operator to detect a value of type null, the result is of type object.

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

5.Undefined type

has only one value, the undefined value. If a variable is declared using var, but the variable is not initialized, the value of the variable is undefined.


var name = "lijinwen";
var age;
console.log(name);//lijinwen
console.log(age);//undefined
//console.log(height);//error,变量height没有声明
console.log(typeof name);//string
console.log(typeof age);//undefined
console.log(typeof height);//undefined,变量height没有声明
Copy after login

In the above code, although age is declared, there is no initialization value, so what is printed is undefined. The variable height is not declared, so an error is reported.

But when using the typeof operator to detect the data type, the variable age is not initialized, and the result is undefined. The type detected by height without a declared variable is also undefined.

6.Object An object in type

js is a collection of properties and methods. The specific creation method of objects and various characteristics of objects will be introduced in detail in the later chapters of reference types. Here is a brief introduction to Object.

among the six major data types ①Constructor attribute: Constructor attribute, which can determine the constructor of the current object.


var o = new Object();
console.log(o.constructor == Object);//true
var arr = new Array();
console.log(arr.constructor == Array);//true
Copy after login

The above is the detailed content of Detailed explanation of the usage of six major data types in javascript basic tutorial. 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)

Use ddrescue to recover data on Linux Use ddrescue to recover data on Linux Mar 20, 2024 pm 01:37 PM

DDREASE is a tool for recovering data from file or block devices such as hard drives, SSDs, RAM disks, CDs, DVDs and USB storage devices. It copies data from one block device to another, leaving corrupted data blocks behind and moving only good data blocks. ddreasue is a powerful recovery tool that is fully automated as it does not require any interference during recovery operations. Additionally, thanks to the ddasue map file, it can be stopped and resumed at any time. Other key features of DDREASE are as follows: It does not overwrite recovered data but fills the gaps in case of iterative recovery. However, it can be truncated if the tool is instructed to do so explicitly. Recover data from multiple files or blocks to a single

Open source! Beyond ZoeDepth! DepthFM: Fast and accurate monocular depth estimation! Open source! Beyond ZoeDepth! DepthFM: Fast and accurate monocular depth estimation! Apr 03, 2024 pm 12:04 PM

0.What does this article do? We propose DepthFM: a versatile and fast state-of-the-art generative monocular depth estimation model. In addition to traditional depth estimation tasks, DepthFM also demonstrates state-of-the-art capabilities in downstream tasks such as depth inpainting. DepthFM is efficient and can synthesize depth maps within a few inference steps. Let’s read about this work together ~ 1. Paper information title: DepthFM: FastMonocularDepthEstimationwithFlowMatching Author: MingGui, JohannesS.Fischer, UlrichPrestel, PingchuanMa, Dmytr

How to use Excel filter function with multiple conditions How to use Excel filter function with multiple conditions Feb 26, 2024 am 10:19 AM

If you need to know how to use filtering with multiple criteria in Excel, the following tutorial will guide you through the steps to ensure you can filter and sort your data effectively. Excel's filtering function is very powerful and can help you extract the information you need from large amounts of data. This function can filter data according to the conditions you set and display only the parts that meet the conditions, making data management more efficient. By using the filter function, you can quickly find target data, saving time in finding and organizing data. This function can not only be applied to simple data lists, but can also be filtered based on multiple conditions to help you locate the information you need more accurately. Overall, Excel’s filtering function is a very practical

Google is ecstatic: JAX performance surpasses Pytorch and TensorFlow! It may become the fastest choice for GPU inference training Google is ecstatic: JAX performance surpasses Pytorch and TensorFlow! It may become the fastest choice for GPU inference training Apr 01, 2024 pm 07:46 PM

The performance of JAX, promoted by Google, has surpassed that of Pytorch and TensorFlow in recent benchmark tests, ranking first in 7 indicators. And the test was not done on the TPU with the best JAX performance. Although among developers, Pytorch is still more popular than Tensorflow. But in the future, perhaps more large models will be trained and run based on the JAX platform. Models Recently, the Keras team benchmarked three backends (TensorFlow, JAX, PyTorch) with the native PyTorch implementation and Keras2 with TensorFlow. First, they select a set of mainstream

Slow Cellular Data Internet Speeds on iPhone: Fixes Slow Cellular Data Internet Speeds on iPhone: Fixes May 03, 2024 pm 09:01 PM

Facing lag, slow mobile data connection on iPhone? Typically, the strength of cellular internet on your phone depends on several factors such as region, cellular network type, roaming type, etc. There are some things you can do to get a faster, more reliable cellular Internet connection. Fix 1 – Force Restart iPhone Sometimes, force restarting your device just resets a lot of things, including the cellular connection. Step 1 – Just press the volume up key once and release. Next, press the Volume Down key and release it again. Step 2 – The next part of the process is to hold the button on the right side. Let the iPhone finish restarting. Enable cellular data and check network speed. Check again Fix 2 – Change data mode While 5G offers better network speeds, it works better when the signal is weaker

The vitality of super intelligence awakens! But with the arrival of self-updating AI, mothers no longer have to worry about data bottlenecks The vitality of super intelligence awakens! But with the arrival of self-updating AI, mothers no longer have to worry about data bottlenecks Apr 29, 2024 pm 06:55 PM

I cry to death. The world is madly building big models. The data on the Internet is not enough. It is not enough at all. The training model looks like "The Hunger Games", and AI researchers around the world are worrying about how to feed these data voracious eaters. This problem is particularly prominent in multi-modal tasks. At a time when nothing could be done, a start-up team from the Department of Renmin University of China used its own new model to become the first in China to make "model-generated data feed itself" a reality. Moreover, it is a two-pronged approach on the understanding side and the generation side. Both sides can generate high-quality, multi-modal new data and provide data feedback to the model itself. What is a model? Awaker 1.0, a large multi-modal model that just appeared on the Zhongguancun Forum. Who is the team? Sophon engine. Founded by Gao Yizhao, a doctoral student at Renmin University’s Hillhouse School of Artificial Intelligence.

Recommended: Excellent JS open source face detection and recognition project Recommended: Excellent JS open source face detection and recognition project Apr 03, 2024 am 11:55 AM

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

Tesla robots work in factories, Musk: The degree of freedom of hands will reach 22 this year! Tesla robots work in factories, Musk: The degree of freedom of hands will reach 22 this year! May 06, 2024 pm 04:13 PM

The latest video of Tesla's robot Optimus is released, and it can already work in the factory. At normal speed, it sorts batteries (Tesla's 4680 batteries) like this: The official also released what it looks like at 20x speed - on a small "workstation", picking and picking and picking: This time it is released One of the highlights of the video is that Optimus completes this work in the factory, completely autonomously, without human intervention throughout the process. And from the perspective of Optimus, it can also pick up and place the crooked battery, focusing on automatic error correction: Regarding Optimus's hand, NVIDIA scientist Jim Fan gave a high evaluation: Optimus's hand is the world's five-fingered robot. One of the most dexterous. Its hands are not only tactile

See all articles