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 31 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
可编辑下拉框的2种实现方式
Jun 13 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
javascript每日必学之条件分支
Feb 17 Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 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 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
一个可以显示阴历的JS代码
2007/03/05 Javascript
js停止输出代码
2008/07/20 Javascript
JS 创建对象(常见的几种方法)
2008/11/03 Javascript
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
2015/08/24 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
vue+element实现表单校验功能
2019/05/20 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
python实现简单的计时器功能函数
2015/03/14 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
selenium+python实现自动登录脚本
2018/04/22 Python
Python中的CSV文件使用"with"语句的方式详解
2018/10/16 Python
python range实例用法分享
2020/02/06 Python
python 计算概率密度、累计分布、逆函数的例子
2020/02/25 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
医疗器械售后服务承诺书
2014/05/21 职场文书
承诺书格式范文
2014/06/03 职场文书
党员群众路线对照检查材料
2014/08/31 职场文书
体育个人工作总结
2015/02/09 职场文书
考试没考好检讨书
2015/05/06 职场文书
Go timer如何调度
2021/06/09 Golang
配置nginx负载均衡
2022/05/06 Servers