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 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
Jun 06 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
jQuery多个input求和的实现方法
Feb 12 Javascript
跟我学习javascript的函数和函数表达式
Nov 16 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
微信小程序 同步请求授权的详解
2017/08/04 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
javascript实现切割轮播效果
2019/11/28 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
Vue实现浏览器打印功能的代码
2020/04/17 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
python3访问sina首页中文的处理方法
2014/02/24 Python
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
python3写爬取B站视频弹幕功能
2017/12/22 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
python 贪心算法的实现
2020/09/18 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
T3官网:头发造型工具
2019/12/26 全球购物
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
信息管理专业学生自荐信格式
2013/09/22 职场文书
大学生物业管理求职信
2013/10/24 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android