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 相关文章推荐
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
Javascript UrlDecode函数代码
Jan 09 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
微信小程序支付之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程序实现支持页面后退的两种方法
2008/06/30 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
2015/01/09 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
使用 Node.js 开发资讯爬虫流程
2018/01/07 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
python之Socket网络编程详解
2016/09/29 Python
详解python3百度指数抓取实例
2016/12/12 Python
python生成excel的实例代码
2017/11/08 Python
python使用邻接矩阵构造图代码示例
2017/11/10 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python属于解释型语言么
2020/06/15 Python
Python3读写ini配置文件的示例
2020/11/06 Python
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
致1500米运动员广播稿
2014/02/07 职场文书
优秀家长事迹材料
2014/05/17 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
工作年限证明范本
2015/06/15 职场文书
朋友聚会祝酒词
2015/08/10 职场文书
初中美术教学反思
2016/02/17 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers