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 相关文章推荐
用js实现随机返回数组的一个元素
Aug 13 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
vue axios 二次封装的示例代码
Dec 08 Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 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函数file_get_contents超时处理的方法详解
2013/06/03 PHP
一个JS翻页效果
2007/07/23 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
jQuery中:header选择器用法实例
2014/12/29 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
jstl中判断list中是否包含某个值的简单方法
2016/10/14 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
对python中的乘法dot和对应分量相乘multiply详解
2018/11/14 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
python argparser的具体使用
2019/11/10 Python
Python常用外部指令执行代码实例
2020/11/05 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
植物选择:Botanic Choice
2017/02/15 全球购物
党支部综合考察材料
2014/05/19 职场文书
交通事故代理词范文
2015/05/23 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
队列队形口号
2015/12/25 职场文书
react antd实现动态增减表单
2021/06/03 Javascript