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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
jQuery Study Notes学习笔记 (二)
Aug 04 Javascript
JQuery事件e参数的方法preventDefault()取消默认行为
Sep 26 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
node.js中的buffer.length方法使用说明
Dec 14 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
详解webpack打包后如何调试的方法步骤
Nov 07 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
在nuxt中使用路由重定向的实例
Nov 06 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
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
PHP开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
JS实现列表页面隔行变色效果
2017/03/25 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
python抓取网页图片示例(python爬虫)
2014/04/27 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
解决django后台管理界面添加中文内容乱码问题
2019/11/15 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
nohup的用法
2014/08/10 面试题
欢送退休感言
2014/02/08 职场文书
《我的伯父鲁迅先生》教学反思
2014/02/12 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
大型会议策划方案
2014/05/17 职场文书
营销计划书范文
2015/01/17 职场文书
课外活动实习计划
2015/01/19 职场文书
自荐信格式范文
2015/03/04 职场文书
学校标语口号大全
2015/12/26 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
祝福语集锦:朋友新店开业祝福语
2019/12/10 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
Python 全局空间和局部空间
2022/04/06 Python