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 相关文章推荐
基于jquery的多功能软键盘插件
Jul 25 Javascript
js数组与字符串的相互转换方法
Jul 09 Javascript
javascript 实现 原路返回
Jan 21 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 Javascript
Node.js实现文件上传
Jul 05 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
vue中多路由表头吸顶实现的几种布局方式
Apr 12 Javascript
微信小程序实现点击页面出现文字
Sep 21 Javascript
基于JavaScript实现简单的轮播图
Mar 03 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
fleaphp rolesNameField bug解决方法
2011/04/23 PHP
PHP开发框架kohana3 自定义路由设置示例
2014/07/14 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
读jQuery之五(取DOM元素)
2011/06/20 Javascript
jquery ajax请求实例深入解析
2012/11/26 Javascript
js的2种继承方式详解
2014/03/04 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
vue组件父与子通信详解(一)
2017/11/07 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
示例vue 的keep-alive缓存功能的实现
2018/12/13 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
详解Python中break语句的用法
2015/05/14 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
使用Python给头像加上圣诞帽或圣诞老人小图标附源码
2019/12/25 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
adidas爱尔兰官方网站:阿迪达斯运动鞋和运动服
2019/11/01 全球购物
小学生环保倡议书
2014/05/15 职场文书
工作证明书
2015/06/15 职场文书
SqlServer 垂直分表(减少程序改动)
2021/04/16 SQL Server
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
tomcat下部署jenkins的方法
2022/05/06 Servers