Home Web Front-end JS Tutorial Basic data types for js basic improvement learning

Basic data types for js basic improvement learning

Jun 04, 2018 pm 02:00 PM
javascript Basic data

This time I will bring you the basics of js basic improvement learning Data types, what are the precautions when using js basic data types, the following is a practical case, let’s take a look .

The data types of JavaScript are divided into two major types:

1. Basic data types:

String (String)

Number (Number):

Boolean: true, false

undefined: undefined

null: empty

NaN: not a number (isNaN( 10), returns false, indicating whether it is a number. If you pass a number, an error will be reported)

2. Reference data type (object/conforming data type):

Inherit Object

An object in js is a collection of properties and methods. Here we talk about reference types. Reference types are a data structure used to organize data and functions together. Reference types are sometimes called object definitions because they describe the properties and methods that a type of object has.


Basic data type:

In the first JS, we found the conversion, how to convert it specifically? What are the order and rules? Explain:

Reason for conversion: python and javascript are weak data-type languages, so they will be converted

Priority level: string >float >int > boolean

A simple example:

1. The priority of strings is higher than numbers. Numbers will be converted into strings and can be output.



2. The floating point type is higher than the integer type, and the output is 12.3

3. The isNaN method is used to determine if it is not a number

For example, is it a number?

Yes, so the result is Flese



##4. Boolean:

isTrue is the variable name




---------------------- ----------------------------------Supplementary analysis of basic data types---------- ------------------------------------------------

typeof operator

Since variables in js are loosely typed, it provides a method to detect the data type of the current variable, which is the typeof keyword.

type of   123   //Number
type of   'abc'  //String
type of    true       //Boolean
type of    undefined   //Undefined
type of    null        //Object
type of    { }           //Object
type of    [ ]           //Object
type of    console.log()       //Function
Copy after login
## After the typeof operator is performed on the #null type, the result is object. The reason is that the null type is treated as an empty object reference.

1.Number type

The Number type contains two types of values: integers and floating point numbers (floating point numbers must contain a decimal point, and there is at least one digit after the decimal point).

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

isNaN() function is used to check whether its argument is a non-numeric value.

isNaN(123)  //false   isNaN("hello")  //true
Copy after login

2.String type

String has length attribute.

String conversion: Transformation function String(), suitable for any data type (null, undefined converted to null and undefined);

toString() method (null, defined without toString( )method).

3.Boolean type

This type has only two values, true and false

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

5.Null type

The null type is regarded as a null object pointer. As mentioned above, the null type is also a null object reference.

6.Object type

Object in js is a collection of properties and methods. Here we talk about reference types. Reference types are a data structure used to organize data and functions together. Reference types are sometimes called object definitions because they describe the properties and methods of a class of objects.

Three major reference types:

1.Object type

Most of the type values ​​we see are instances of the Object type. There are two ways to create Object instances. .

The first way is to use the new operator followed by the Object

constructor

, as shown below

The second way is to use the object literal notation, as shown below

var person = {
  name : "Micheal",
  age : 24
};
Copy after login

2.Array type

Each item of the array can be used to save any type of data, that is to say, the first position of the array can be used to save the string, and the second The first position stores the value, and the third position stores the object.... In addition, the size of the array can be dynamically adjusted.

There are two basic ways to create an array

The first is to use the Array constructor, as shown below

var colors = new Array("red","blue","yellow");
Copy after login

The second is to use the array literal representation, As shown below

var colors = ["red","blue","yellow"];
Copy after login

3 Function type

Each function is an instance of the Function type, and has the same properties and methods as other reference types. Functions are usually

defined using function

declaration syntax, as shown below

This is similar to how

function expressions

are used to define functions.

也就是说,js按照存储方式分为值类型和引用类型。那么他们的计算有什么区别呢?

题目1:

题目2:

题目1的答案是 100,题目2的答案是21,

题目1是简单的值类型,在从一个变量向另一个变量赋值基本类型时,会在该变量上创建一个新值,然后再把该值复制到为新变量分配的位置上。

此时,a中保存的值为 100 ,当使用 a 来初始化 b 时,b 中保存的值也为100,但b中的100与a中的是完全独立的,该值只是a中的值的一个副本,此后,这两个变量可以参加任何操作而相互不受影响。也就是说基本类型在赋值操作后,两个变量是相互不受影响的。

题目2是引用类型,当从一个变量向另一个变量赋值引用类型的值时,同样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。

这时保存在变量中的是对象在堆内存中的地址,所以,与简单赋值不同,这个值的副本实际上是一个指针,而这个指针指向存储在堆内存的一个对象。那么赋值操作后,

两个变量都保存了同一个对象地址,则这两个变量指向了同一个对象。因此,改变其中任何一个变量,都会相互影响。

因此,引用类型的赋值其实是对象保存在栈区地址指针的赋值,因此两个变量指向同一个对象,任何的操作都会相互影响。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

怎样使用li进行水平排列

怎样操作页面、可视区、屏幕等宽高属性

The above is the detailed content of Basic data types for js basic improvement learning. 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

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

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.

The first robot to autonomously complete human tasks appears, with five fingers that are flexible and fast, and large models support virtual space training The first robot to autonomously complete human tasks appears, with five fingers that are flexible and fast, and large models support virtual space training Mar 11, 2024 pm 12:10 PM

This week, FigureAI, a robotics company invested by OpenAI, Microsoft, Bezos, and Nvidia, announced that it has received nearly $700 million in financing and plans to develop a humanoid robot that can walk independently within the next year. And Tesla’s Optimus Prime has repeatedly received good news. No one doubts that this year will be the year when humanoid robots explode. SanctuaryAI, a Canadian-based robotics company, recently released a new humanoid robot, Phoenix. Officials claim that it can complete many tasks autonomously at the same speed as humans. Pheonix, the world's first robot that can autonomously complete tasks at human speeds, can gently grab, move and elegantly place each object to its left and right sides. It can autonomously identify objects

See all articles