一、数据类型意义

把数据分成所需内存大小不同的数据，充分利用存储空间。数据类型就是数据的类别型号

二、变量与数据类型

        var x1 = 10; // 数字型 x2 = 'ASD'; //字符串型var x3= 10; // 数字型var x4= '456'; //字符串型//加''为字符串型

三、简单数据类型

1.数字型 Number

        var num = 10;           //     数字型var xxx= 3.255;       //   数字型console.log(Number.MAX_VALUE);   //数字型的最大值  Number.MAX_VALUE// 输出结果1.7976931348623157e+308console.log(Number.MIN_VALUE); //数字型的最小值  Number.MIN_VALUE// 输出结果5e-324console.log(Number.MAX_VALUE * 2); //数字型的无穷大  Number.MAX_VALUE * 2//输出结果  Infinity 无穷大（大于任何数值）console.log(-Number.MAX_VALUE * 2);//数字型的无穷小  -Number.MAX_VALUE * 2//输出结果  -Infinity 无穷小（小于任何数值）console.log('xxx' - 100);  //3.数字型的非数字//输出结果  NaN 非数值（Not a number，代表一个非数值）

• 补充：

isNaN()

用来验证用户输入的内容

是否为数字 并且返回一个值

是数字 返回的是 false

不是数字 返回的是true

     console.log(isNaN(12)); // false console.log(isNaN('xxx')); // true

2.字符串型 String

1.字符串引号嵌套

单引号嵌套双引号

双引号嵌套单引号

 var xxx1 = "123'456'"console.log(xxx1);var xxx2 = '456"123"'console.log(xxx2);

2.字符串转义符

转义符都是 \ 开头的，常用的转义符及其说明如下：

转义符	解释说明
\n	换行符，n 是 newline 的意思
\ \	斜杠 \
’	’ 单引号
"	”双引号
\t	tab 缩进
\b	空格 ，b 是 blank 的意思

        var xxx = '12\n3"456"'console.log(xxx);/*输出结果：123"456"*/

3.字符串长度

通过 xxx.length 属性可以获取整个字符串的长度。

      var xxx = "asd fgh xcv andy"console.log(xxx.length);//输出结果16

4.字符串拼接

多个字符串之间的拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

过程：拼接前会把与字符串相加的任何类型转化成字符串，再拼接成一个新的字符串

字符串类型+任何类型=字符串类型

数字型+数字型=数字型

     console.log('xxx' + 'ccc'); //输出结果：xxxcccconsole.log('xxx' + 123);//输出结果：xxx123console.log('xxx' + ccc); //输出结果：xxxcccconsole.log(123 + 456); //输出结果：123456console.log('123' + 456);//输出结果：123456

号总结口诀：数值相加 ，字符相连

5.字符串拼接加强

变量不写到字符串里面，通过和 字符串相连的方式实现 例：字符串+变量+字符串

方便修改所需值

      //字符串+数字+字符串console.log('xxx' + 123 + 'ccc');//输出结果：xxx123ccc//含有 变量 的拼接var age =123;console.log(''xxx"+ age + 'ccc');

3.布尔型 Boolean

• 布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。
• 布尔型和数字型相加时， true 的值为 1 ，false 的值为 0

var xxx1 = true;
var xxx2 = false;
// true 参与加法运算当1来看
console.log(xxx1 + 1);
//输出结果：2
// false 参与加法运算当 0来看
console.log(xxx2 + 1);
//输出结果：1

4.未定义数据类型 Undefined

        var str;//未赋值console.log(str);// 输出结果：undefinedvar xxx = undefined;console.log(xxx + '123');// 输出结果：undefined123console.log(variable + 1);//输出结果：Nan （不是一个数字）

5.空值 Null

        var xxx = null;//变量xxx里储存值为空console.log(xxx + 'mmm');// 输出结果：nullmmmconsole.log(xxx + 1);// 输出结果：1

三、检测变量的数据类型

var xxx = 123;
console.log(typeof xxx) // 输出结果：number

返回值

类型	举例	结果	控制台颜色
String	typeof “xxx”	“string”	黑色
Number	typeof 123	“number”	蓝色
Boolean	typeof true/false	“boolean”	深蓝
Undefined	typeof undefined	“Undefined”	浅灰
Null	typeof null	“object”（对象）	浅灰

四、数据类型转换

1.转换为字符串

1.变量.toString()

2.String(变量)

3.变量+' ' [ 隐式转换 ]

        var xxx = 10;var str = xxx.toString();console.log(xxx);console.log(String(xxx));console.log(xxx + '');

2.转换为数字型（重点）

1. parseInt(变量)
   字符型的转换为数字型 结果 取 整数
   自动去除单位

1. parseFloat(变量)
   字符型的转换为数字型 结果 取 小数 [ 浮点数 ]
   自动去除单位

1. 利用 Number(变量)

1. 利用了算数运算 变量 ' - ' ' * ' ' / '... [ 隐式转换 ]

// 1. parseInt(变量)  var xxx = prompt('请输入您的年龄');//prompt得出结果为字符型console.log(parseInt(xxx));console.log(parseInt('3.14')); // 输出结果：3 取整console.log(parseInt('120px')); // 输出结果：120 会去掉这个px单位console.log(parseInt('xxx120px')); // 输出结果：NaN// 2. parseFloat(变量) console.log(parseFloat('3.14')); // 输出结果：3.14console.log(parseFloat('123px')); // 输出结果：123 会去掉这个px单位console.log(parseFloat('xxx123px')); // 输出结果：NaN// 3. 利用 Number(变量) var str = '123';console.log(Number(str));//输出结果：123console.log(Number('12'));//输出结果：12// 4. 利用了算数运算 -  *  /  console.log('12' - 0); // 输出结果：12console.log('123' - '120');//输出结果： 3console.log('123' * 1);// 输出结果：123

3.转换为布尔型

Boolean()

1. 代表空、否定的值会被转换为 false ，如 " " 、0、NaN、null、undefined

1. 其余值都会被转换为 true

 console.log(Boolean('')); // 输出结果：falseconsole.log(Boolean(0)); //输出结果： falseconsole.log(Boolean(NaN)); // 输出结果：falseconsole.log(Boolean(null)); // 输出结果：falseconsole.log(Boolean(undefined)); //输出结果： false
//-------------------------------------------------------------------------------console.log(Boolean('123'));//输出结果：trueconsole.log(Boolean('xxx'));//输出结果：trueconsole.log(Boolean('我很好'));//输出结果：true

五、标识符、关键字、保留字

1. 标识符
   标识（zhi）符：开发人员为变量、属性、函数、参数取得名字。
   标识符不能是关键字或保留字
2. 关键字
   关键字：是指js本身以使用了的字，不能再用他们充当变量名、方法名。
   包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。
3. 保留字
   保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。
   包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。

Javascript数据类型:变量与数据类型 数字型Number 字符串型String 布尔型Boolean Undefined和Null 检测变量typeof 数据类型转换 标识符 关键字 保留字相关推荐

1. python判断变量是否为数字_Python 判断字符串是否为数字

   Python 判断字符串是否为数字 以下实例通过创建自定义函数 is_number() 方法来判断字符串是否为数字: # -*- coding: UTF-8 -*- # Filename : test ...

2. Java基础知识 变量 基本类型 类型转换 标识符 关键字 运算符 循环 分支结构 JVM

   标题JVM **java语言是跨平台的,之所以跨平台是因为在不同的系统中安装不同的JVM这是Java跨平台的前提** 2.JDK:开发工具包-开发必须安装 JRE:运行时环境 JVM:Java虚拟机, ...

3. javascript——变量、数据类型

   文章目录 输入输出语句 变量 概念 变量的使用 案例1 案例2 变量的语法扩展 1.更新变量 2.同时声明多个变量 3.声明变量的特殊情况 变量的命名规范 案例3:交换两个变量的值 数据类型 简介 为 ...

4. python中复数的实部和虚部都是浮点数_Python基础：数值（布尔型、整型、长整型、浮点型、复数）...

   一.概述 Python中的 数值类型(Numeric Types)共有5种:布尔型(bool).整型(int).长整型(long).浮点型(float)和复数(complex). 数值类型支持的主要操 ...

5. 前端：JS/17/前篇总结（JS程序的基本语法，变量），数据类型-变量的类型（数值型，字符型，布尔型，未定义型，空型），数据类型转换，typeof()判断数据类型，从字符串提取整数或浮点数的函数

   JS程序的基本语法 1,JS是区分大小写的,如:Name和name是不同的: 2,JS中每一条语句,一般以英文的分号(;)结束,在Java中是严格地一定要加上分号,不然会报错:但在JavaScript ...

6. JavaScript基础之三JavaScript变量和数据类型

   1. JavaScript变量和数据类型 1.0 js变量和数据类型 在我们平时开发中,使用最多的并不是固定的数据, 而是会变换的数据: 比如购物车商品的数量.价格的计算等等: 比如一首歌曲播放的时间 ...

7. python给js变量赋值_python 之 前端开发（ JavaScript变量、数据类型、内置对象、运算符、流程控制、函数）...

   11.4 JavaScript 11.41 变量 1.声明变量的语法 //1. 先声明后定义 var name; //声明变量时无需指定类型,变量name可以接受任意类型 name= "eg ...

8. python 之 前端开发（ JavaScript变量、数据类型、内置对象、运算符、流程控制、函数）...

   11.4 JavaScript 11.41 变量 1.声明变量的语法 // 1. 先声明后定义 var name; // 声明变量时无需指定类型,变量name可以接受任意类型 name= " ...

9. javascript如何判断变量的数据类型

   typeof 用法示例 var arr = []; typeof arr; //'object' typeof(arr); //'object' typeof实际上是一个一元运算符,因此可以用上述代码 ...

最新文章

1. sql server分布式事务解决方案[新事务不能登记到指定的事务处理器中错误]
2. MySQL学习(十一)
3. 第五节 19可空数据类型
4. [PowerShell] PowerShell学习脚印
5. YUV420数据格式
6. php date 报错,编译安装PHP报错：ext/date/php_date.lo is not a valid libtool object
7. Fortinet 推出集成化SD-WAN解决方案 构建下一代企业网
8. 决策控制方法：sequential 规划、behavior-aware规划、端到端规划
9. poj 1125 Floyd简单
10. 推荐更好用的网络检测命令
11. [java编程题]打印指定年指定月份的日历
12. ARM CORTEX M3
13. python代码手机壁纸_Python制作微信好友背景墙教程（附完整代码）
14. 宝宝性别测试软件,胎儿性别测试方法
15. win10 上PHP artisan storage:link 出现 symlink (): Protocol error的解决办法
16. verilog使用1bit全加器实现4bit全加器【行波进位法】
17. 沈其荣院士团队解密根际有益菌VOCs消减土壤青枯菌生物障碍的生存-致病权衡机制...
18. Hi-Survey Road V2.04更新说明及授权说明
19. kafka是什么？主要用在什么场景
20. idea文件上传（通俗易懂！）

热门文章

1. 创建一个Cycle类，它具有子类Unicycle，Bicycle和Tricycle。演示每一个类型的实例都可以经由ride()方法向上转型为Cycle。
2. linux 调整时钟的频率,S3C2440时钟设置
3. 在普林斯顿大学做助理教授的日子--施一公教授
4. 2017计算机会考知识点总结,【2017年整理】信息技术会考操作题知识点汇总.doc
5. python中isinstance怎么用_pythonisinstance函数用法详解
6. Linux基本命令——修改静态IP
7. Thinkpad 电脑F1常亮的解决办法
8. php三元运算符 echo_php的三元运算符
9. css里面li标签怎么加图片_css 点击ul切换其中li标签内的图片
10. java字符串的定义方法