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 相关文章推荐
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
Dec 12 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
Vue.js分页组件实现:diVuePagination的使用详解
Jan 10 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
使用 JavaScript 制作页面效果
Apr 21 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 date函数参数详解
2006/11/27 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
微信小程序 wx.request方法的异步封装实例详解
2017/05/18 Javascript
Vue项目中如何引入icon图标
2018/03/28 Javascript
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
python3简单实现微信爬虫
2015/04/09 Python
关于Python数据结构中字典的心得
2017/12/04 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
tensorflow入门:tfrecord 和tf.data.TFRecordDataset的使用
2020/01/20 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
中专毕业个人的自荐信格式
2013/09/21 职场文书
技校生自我鉴定
2013/12/08 职场文书
公司节能减排倡议书
2014/05/14 职场文书
庆六一开幕词
2015/01/29 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
Redis唯一ID生成器的实现
2022/07/07 Redis