详细了解JavaScript中的数据类型

青灯夜游
Freigeben: 2021-02-17 09:01:41
Original
1910 Leute haben es durchsucht

详细了解JavaScript中的数据类型

JavaScript的数据类型分为俩种,一种是基本数据类型,一种是引用数据类型

1、基本数据类型包括:

  • Number - - (数字)

  • String - - (字符串)

  • Boolean - - (布尔值)

  • Undefined - - (未定义)

  • Null - - (空的)

  • Symbol - - (符号)

2、引用数据类型包括:

1)、Object - - (对象)

以下都是属于Object之内的:
2.Array - - (数组)
3.Function - - (函数)
4.Date - - (时间)
5.RegExp - - (正则)
6…(还有很多)

基本数据类型的取值:

Number:

数字(数字可以带小数点也可以不带)、NaN、Infinity

String:

字符串可以是引号中的任意文本。双引号单引号都可以。也可以使用ES6的模板字符串 ``
如:

var a = 'xxx';var a = "xxx";
Nach dem Login kopieren

这俩种都是声名的字符串。

Boolean:

只有俩个值:true或false。

布尔值常用在条件测试中。比如说判断1>2是不是对的,是对的就返回true,是错的就返回false,然后我们就可以根据返回的结果去做俩种不同的操作。

Undefined:

取undefined一个值。

表示变量不含有任何值。是未定义的状态。

Null:

表示变量的值为空,可以通过将变量的值设置为null来清空变量。

Symbol:

关于Symbol的详细介绍请移步到ES6阮一峰符号的详细介绍

引用数据类型的介绍:

Array:

数组:保存一组数据

数组对象的作用是:使用单独的变量名来存储一系列的值。

(动态数组:可自动根据元素个数调用长度大小)

概念:

1)、元素:数组中所保存数据的空间
2)、长度:数组中所保存元素的个数
3)、下标(索引):数组中元素的编号,从0开始编号,到(数组的长度-1)结束

使用:

a、创建数组对象:

var arr = [];//直接量 var arr = new Array();//创建数组对象。 var arr = [1,2,3];//直接量,在创建数组对象的同时初始化保存的数据。 var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。 var arr = new Array(size);//size为数字参数,表示创建数组时先预定size个空间。
Nach dem Login kopieren

b、访问数组元素:

数组名[下标]
Nach dem Login kopieren

c、数组元素遍历迭代:

  • 普通循环
for(let i = 0;i < array.length; i++) { //array[i]}
Nach dem Login kopieren
  • for-in
for(let 变量名 in 数组名) { //变量名中所保存的值是数组下标编号的字符串内容 //仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素}
Nach dem Login kopieren
  • for-of(ES6)
for(let 变量名 of 数组名) { //变量名中所保存的值是数组中当前便利到的元素值}
Nach dem Login kopieren
  • 数组的api
    数组的API详细介绍请看数组的常用方法

Object:

(OOP:万物皆对象)

创建对象的方法有:

1、直接量:

var stu = { name: '李四', age: 18, eat: function(pig) { console.log('吃:' + pig) }}
Nach dem Login kopieren

2、构造函数创建

function Person() { this.name = 'jack'; this.job = function() { alert('program'); }}var person = new Person();
Nach dem Login kopieren

3、通过object方式创建

var person = new Object();person.name = 'jack';person.sex = 'girl';
Nach dem Login kopieren

对象的属性调用:

对象名.属性名

对象名.方法名(【参数列表】)

或:

对象名【“属性名”】

对象名【“方法名”】();

Function:

函数是由事件驱动的或者当它被调用时可重复使用的代码块。

本质:代码块。

定义:

1)、声名函数

function 函数名(参数列表) { //函数主体:可被重复使用的代码块}
Nach dem Login kopieren

2)、函数表达式

var 变量名 = function(参数列表) { //函数主体:可被重复使用的代码块}
Nach dem Login kopieren

3)、了解:new Function() //这个基本上不用了,上面俩个算是这个的缩写。

调用:

a.直接调用

函数名()
Nach dem Login kopieren

b.事件驱动

document.getElementById(‘xx’).onclick = 函数名;
Nach dem Login kopieren

参数(相当于一个函数的输入):

  • 形式参数(形参):函数定义时的参数

  • 实际参数(实参):函数调用时的参数

返回值(相当于是函数的输出):

return 表达式;
Nach dem Login kopieren

函数返回值是返回到函数调用处

基本数据类型和引用数据类型的区别:

基本数据类型的值是存放在栈中。

引用数据类型的值是存放在堆中。

更多编程相关知识,请访问:编程教学!!

Das obige ist der detaillierte Inhalt von详细了解JavaScript中的数据类型. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!