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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
小程序点击图片实现自动播放视频
May 29 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
May 13 Javascript
sortable+element 实现表格行拖拽的方法示例
Jun 07 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优于Node.js的五大理由分享
2012/09/15 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
AJAX的使用方法详解
2017/04/29 PHP
PHP levenshtein()函数用法讲解
2019/03/08 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
Laravel timestamps 设置为unix时间戳的方法
2019/10/11 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
详解Ant Design of React的安装和使用方法
2018/12/27 Javascript
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
Python实现截屏的函数
2015/07/26 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Keras-多输入多输出实例(多任务)
2020/06/22 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
详解css3自定义滚动条样式写法
2017/12/25 HTML / CSS
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
出差报告范文
2014/11/06 职场文书
故意杀人案辩护词
2015/05/21 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
Golang二维数组的使用方式
2021/05/28 Golang