JS开发中基本数据类型具体有哪几种


Posted in Javascript onOctober 19, 2017

JS开发中基本数据类型有哪些?JS的数据类型包括基本数据类型、复杂数据类型和特殊数据类型,今天我们主要先讲解一下基本数据类型。

0、先提示两个下面用到的知识点:

0.1typeof,是用来检测变量类型的

写法:typeof a;

0.2console.log()是用来在控制台打印你所需要的部分的

一般浏览器在进入HTML文件页面后,点击右键选择检查,就会出现控制台,选择console就可以看到你所打印的内容了

另外:alert()是页面弹框显示内容

document.write()是输出内容在页面当中的方式

1、变量:在讲基本数据类型之前,我们先来了解一下JS定义变量的方法。

1.1定义变量:在定义一个变量的时候,可以给变量初始值,不区分类型(容器的类型)。

1.2变量的命名规范:字母、数字、下划线和$的组合;不能以数字开头;不能是关键字和保留字; 驼峰命名法。

1.3初始值只能是一下5大类型:

数值类型Number,只能是数字或者小数

var a = 10;
console.log(typeof a);//number
var b = 10.6;
console.log(typeof b);//number

字符串类型String,用单引号或者双引号包裹的任何字符

var c = 'hello';
console.log(typeof c);//string
var d = "world";
console.log(typeof d);//string

布尔类型Boolean,只能是true或false代表真假

var e = true;
console.log(typeof e);//boolean
var f = false;
console.log(typeof f);//boolean

未定义undefined,定义变量后不赋值,这个变量就是undefined

var g;
console.log(typeof g);//undefined

空null,是对象类型, 对象类型object有很多种,如数组对象、数学对象、日期对象(后期学习)

var h = "";
console.log(typeof h);//null

而这五种就是JS的五种基本数据类型。

2、类型转换

数值类型、字符串类型和布尔类型的相互转换

2.1转数值—Number()

console.log(Number("123"));//123
console.log(Number("12.3"));//12.3
console.log(Number("12hshs"));//NaN
console.log(Number('0034'));//34
console.log(Number(""));//0
console.log(Number(true));//1
console.log(Number(false));//0
console.log(Number(null));//0
console.log(Number(undefined));//NaN

注:NaN:not a number,其他的以后会解释

2.2转字符串String(),写什么转什么

console.log(String(123));//123
console.log(String(0));//0
console.log(String(true));//true
console.log(String(false));//false
console.log(String(undefined));//undefined
console.log(String(null));//null

2.3转布尔Boolean()

技巧:

数字转boolean非0为真

字符串转boolean非空为真

NaN null undefined转字符串为假

console.log(Boolean("123"));//true
console.log(Boolean("0"));//true
console.log(Boolean("山东"));//true
console.log(Boolean(""));//false
console.log(Boolean("true"));//true
console.log(Boolean("false"));//true
console.log(Boolean(14));//true
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(-100));//true
console.log(Boolean(undefined));//false
console.log(Boolean(null));//false

总结

以上所述是小编给大家介绍的JS开发中基本数据类型具体有哪几种,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
文字幻灯片
Jun 26 Javascript
jquery zTree异步加载简单实例分享
Feb 05 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
实例详解AngularJS实现无限级联动菜单
Jan 15 Javascript
详解node中创建服务进程
May 09 Javascript
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
webpack4 SCSS提取和懒加载的示例
Sep 03 Javascript
laydate只显示时分 不显示秒的功能实现方法
Sep 28 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
js canvas实现五子棋小游戏
Jan 22 Javascript
微信小程序支付之c#后台实现方法
Oct 19 #Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 #Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 #Javascript
微信小程序的生命周期的详解
Oct 19 #Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 #Javascript
js 两个日期比较相差多少天的实例
Oct 19 #Javascript
Angular弹出模态框的两种方式
Oct 19 #Javascript
You might like
php&java(三)
2006/10/09 PHP
php 图片加水印与上传图片加水印php类
2010/05/12 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
memcache命令启动参数中文解释
2014/01/13 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
jquery插件制作简单示例说明
2012/02/03 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
使用Chart.js图表库制作漂亮的响应式表单
2015/10/28 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
python实现汉诺塔递归算法经典案例
2021/03/01 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
python psutil库安装教程
2018/03/19 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
Python网络爬虫之爬取微博热搜
2019/04/18 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
工程招投标邀请书
2014/01/30 职场文书
公司联欢晚会主持词
2014/03/22 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
在职员工证明书
2014/09/19 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle
Django使用redis配置缓存的方法
2021/06/01 Redis
Python OpenGL基本配置方式
2022/05/20 Python