JavaScript 之核心语法 [ 数据类型 ]

luffyZh 发布于2019-08-23 10:46 / 3352人阅读

摘要：数据类型数据类型表示数值的类型类型的分类原始类型类型数字类型类型分为整数和浮点数整数正整数负整数变量为数字类型整数显示浮点数小数变量为数字类型浮点数显示浮点数在小数点前面如果没有数字，会被默认为在小数点前的数字为比如会显示浮点数的

数据类型

数据类型 - 表示数值的类型

类型的分类 原始类型 number类型（数字类型）

number类型分为整数和浮点数

整数 - 正整数、0 、负整数

/* 变量为数字类型 - 整数 */
var num1 = 1001;
console.log( num1 );// 显示：1001

浮点数 - 小数

/* 变量为数字类型 - 浮点数 */
var num2 = 10.01;
console.log( num2 );// 显示：10.01

浮点数在小数点前面如果没有数字，会被默认为在小数点前的数字为 0

比如：“.1” 会显示 “0.1”

/* 浮点数的类型 */
var num3 = .1;
console.log( num3 );// 显示：0.1

浮点数在小数点后面如果没有数字或数字只有 0 ，会被默认为没有小数

比如：“1.” 会显示 “1” 或 “1.0” 会显示 “1”

/* 浮点数的类型 */
var num4 = 1.0;
console.log( num4 );// 显示：1

浮点数在进行计算时可能会出现误差

解决方法：可以先将小数转成整数计算，再将结果转回小数

/* 浮点数的计算 */
var num5 = 0.7, num6 = 0.3;
console.log( num5 - num6 );// 显示：0.39999999999999997
/* 解决方法 */
console.log( (num5*10 - num6*10)/10 );// 显示：0.4

number类型中的特殊值 - NaN

NaN - 表示当前的值不是一个数字

NaN依旧是number类型

/* number类型的特殊值 - NaN */
var num7 = Number( "啊哈哈哈" );// 将一个文本内容转换成number类型
console.log( num7 );// 显示：NaN - 表示当前的值不是一个数字值

NaN与任何值都不相等，包括它本身

console.log( 10 == 10 );// 显示：true - 表示相等
console.log( 10 == NaN );// 显示：false - 表示不相等
console.log( NaN == NaN );// 显示：false - 表示不相等

number类型中的特殊值 - Infinity -> 表示无穷大

当数字值进行计算 0 做为被除数时，会得到无穷大

/* 数字值进行计算 */
var num8 = 10/0;
console.log( num8 );// 显示：Infinity

string类型（字符串类型）

字符串 - 表示以单引号或双引号包裹的字符

字符串中的字符可以是汉字、字母、数字

/* 定义变量 - string类型 */
var str1 = "苍天呐";// 汉字值
console.log( str1 );// 显示：苍天呐

var str2 = "wodetianna";// 字母值
console.log( str2 );// 显示：wodetianna

var str3 = "100";// 数字值
console.log( str3 );// 显示：100

boolean类型（布尔类型）

布尔类型只有两个值

true - 是、真

false - 否、假

/* 定义变量 - boolean类型 */
var boo1 = true;
console.log( boo1 );// 显示：true
var boo2 = false;
console.log( boo2 );// 显示：false

undefined类型

undefined类型 - 表示变量的值为空

当变量的值等于undefined时 - 表示变量存在，但是没有值

得到undefined的情况

在只定义变量，但不赋值的情况下会得到

在定义变量时，值就为undefined会得到

/* 定义变量，但不赋值 */
var unde1;
console.log( unde1 );// 显示：undefined

/* 定义变量并赋值为undefined */
var unde2 = undefined;
console.log( unde2 );// 显示：undefined

/* undefined类型为 - 原始类型 */
console.log( typeof unde1 );// 显示：undefined

null类型

null类型 - 表示为空的含义

该类型只有一个值 - null

作用 - 将定义的变量从内存中释放

用法 - 将null赋值给指定变量

/* null用法 */
var nu = null;
console.log( nu );// 显示：null

/* null类型为原始类型 */
console.log( typeof nu);//显示：object -> 历史遗留问题

typeof运算符

typeof运算符 - 表示对原始类型进行判断

typeof运算符只能对原始类型进行判断

语法：typeof 变量名称

结果：类型名称

/* 判断number类型 */
var num = 10;
console.log( typeof num );// 显示：number

/* 判断string类型 */
var str = "啊哈哈";
console.log( typeof str );// 显示：string

/* 判断boolean类型 */
var boo = true;
console.log( typeof boo );// 显示：boolean

引入类型 Numder类型

Number类型 - 表示与原始类型中的number类型相匹配的引用类型

语法：var 变量名称 = new Number( ) ;

new Number( )（构造函数方式） - 创建一个number类型的对象

/* 构建函数方式 - 类型名数字母大写 */
var num = new Number( 100 );
console.log( num );// 显示：[Number: 100]

String类型

String类型 - 表示与原始类型中的string类型相匹配的引用类型

语法：var 变量名称 = new String( ) ;

new String( )（构造函数方式） - 创建一个string类型的对象

/* 构建函数方式 - 类型名数字母大写 */
var str = new String( "啊哈哈" );
console.log( str );// 显示：[String: "啊哈哈"]

Boolean类型

Boolean类型 - 表示与原始类型中的boolean类型相匹配的引用类型

语法：var 变量名称 = new Boolean( ) ;

new Boolean( )（构造函数方式） - 创建一个boolean类型的对象

/* 构建函数方式 - 类型名数字母大写 */
var boo = new Boolean( true );
console.log( boo );// 显示：[Boolean: true]

instanceof运算符

instanceof运算符 - 表示对引用类型进行判断

instanceof运算符只能对引用类型进行判断

语法：变量名称 instanceof 引用类型名称

结果：布尔类型值（true或false）

/* 判断Number类型 */
var num = new Number( 100 );
console.log( num instanceof Number );// 显示：true

/* 判断String类型 */
var str = new String( "啊哈哈" );
console.log( str instanceof String );// 显示：true

/* 判断Boolean类型 */
var boo = new Boolean( true );
console.log( boo instanceof Boolean );// 显示：true

云服务器 idc机房托管 javascript数据类型 javascript核心 javascript 语法 javascript基本数据类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96664.html

【JavaScript】核心语法之数据类型

摘要：数据类型原始类型类型实为数字不区分整数和浮点类型整数类型包括负整数，和正整数浮点类型表示小数类型整数和浮点数小数或并不区分整数与浮点数变量的定义并初始化字面量或直接量定义数字值浮点类型是只该数值包含整数部分，小数部分，小数点和小数部分浮点类 JS(JavaScript) 数据类型； 1.原始类型； number类型；实为数字JS不区分整数和浮点类型；整数类型；包括负整数，0和正...

iflove 2019-08-23 11:32 评论0 收藏0
JavaScript 闯关记

摘要：对象数组初始化表达式，闯关记之上文档对象模型是针对和文档的一个。闯关记之数组数组是值的有序集合。数组是动态的，根闯关记之语法的语法大量借鉴了及其他类语言如和的语法。《JavaScript 闯关记》之 DOM（下） Element 类型除了 Document 类型之外，Element 类型就要算是 Web 编程中最常用的类型了。Element 类型用于表现 XML 或 HTML 元素...

mj 2019-08-21 18:45 评论0 收藏0
JavaScript 之核心语法 [ 类型转换 ]

摘要：隐式数据类型转换转换成类型字符串用法空字符串变量名称啊哈哈转换成字符串数字类型和布尔类型转换会将其值用字符串的方式显示数字类型转换成字符串类型显示显示转换后的类型布尔类型转换成字符串类型显示显示转换后的类型转换成类型数字用法加号变隐式数据类型转换转换成string类型（字符串） - 用法（ - 空字符串） + 变量名称 var num = 100; var str1 = 啊哈哈; ...

muzhuyu 2019-08-23 10:49 评论0 收藏0
【JavaScript】核心语法之数组

摘要：数组一数组是什么是值得有序集合，每个元素都在数组里有唯一的位置，用数字表示，叫做索引数据用字符串表示，叫关联数组。 JS(JavaScript) 数组；一.数组是什么；是值得有序集合，每个元素都在数组里有唯一的位置，用数字表示，叫做索引数据；用字符串表示，叫关联数组。数组无类型；数组元素可以是类型，字符串，数字值，布尔值等数组动态的；向插入新元素，从数组中删除指定元素二.一维数组...

ghnor 2019-08-23 10:52 评论0 收藏0
JavaScript 之核心语法 [ 语句 ]

摘要：语句概况描述在代码中，使用分号分隔的可以叫做是语句语句块在代码中，大括号表示语句块语句块中可以存在一条或多条语句语句的分类条件语句循环语句跳转语句条件语句描述通过对条件表达式的计算结果进行判断，来决定要执行的语句语句语法条件表达式语句块当语句概况描述在JavaScript代码中，使用分号（；）分隔的可以叫做是语句语句块在JavaScript代码中，大括号（｛｝）表示语句块 ...

stormjun 2019-08-23 10:50 评论0 收藏0