当前位置:首页 > 日记 > 正文

JS开发中基本数据类型具体有哪几种

JS开发中基本数据类型具体有哪几种

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);//numbervar b = 10.6;console.log(typeof b);//number

字符串类型String,用单引号或者双引号包裹的任何字符

var c = 'hello';console.log(typeof c);//stringvar d = "world";console.log(typeof d);//string

布尔类型Boolean,只能是true或false代表真假

var e = true;console.log(typeof e);//booleanvar 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"));//123console.log(Number("12.3"));//12.3console.log(Number("12hshs"));//NaNconsole.log(Number('0034'));//34console.log(Number(""));//0console.log(Number(true));//1console.log(Number(false));//0console.log(Number(null));//0console.log(Number(undefined));//NaN

注:NaN:not a number,其他的以后会解释

2.2转字符串String(),写什么转什么

console.log(String(123));//123console.log(String(0));//0console.log(String(true));//trueconsole.log(String(false));//falseconsole.log(String(undefined));//undefinedconsole.log(String(null));//null

2.3转布尔Boolean()

技巧:

数字转boolean非0为真

字符串转boolean非空为真

NaN null undefined转字符串为假

console.log(Boolean("123"));//trueconsole.log(Boolean("0"));//trueconsole.log(Boolean("山东"));//trueconsole.log(Boolean(""));//falseconsole.log(Boolean("true"));//trueconsole.log(Boolean("false"));//trueconsole.log(Boolean(14));//trueconsole.log(Boolean(0));//falseconsole.log(Boolean(NaN));//falseconsole.log(Boolean(-100));//trueconsole.log(Boolean(undefined));//falseconsole.log(Boolean(null));//false

总结

以上所述是小编给大家介绍的JS开发中基本数据类型具体有哪几种,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

快速解决百度编译器json报错的问题

快速解决百度编译器json报错的问题

百度,编译器,报错,快速,电脑软件,在MyEclipse中JSON字符串的换行值是不同的,必须以'/n'换行,如果只是json验证的问题,可以把json的验证关掉试试。点击所在的项目->Project->Proterties->MyEclipse->Validation,把JSON Validator中的Manual和…

应用word模板的两种方法

应用word模板的两种方法

方法,模板,两种,电脑软件,word,  Word模板是指Microsoft Word中内置的包含固定格式设置和版式设置的模板文件,用于帮助用户快速生成特定类型的Word文档。借助这些模板,用户可以创建比较专业的Word文档。那么下面就由小编给大家分享下应用wo…

手机美丽说怎么用微信支付?

手机美丽说怎么用微信支付?

微信支付,美丽,电脑软件,  手机美丽说怎么用微信支付?美丽说专为时尚女生量身定做的利器,让MM们紧跟潮流的时尚热榜,足不出户就可以感受到当下的流行主题,MM们可以选择自己感兴趣的时尚主题、分享搭配照片!下面小编就告诉大家美丽说微信支付…

解决vue里碰到 $refs 的问题的方法

解决vue里碰到 $refs 的问题的方法

方法,电脑软件,vue,refs,本篇文章介绍了vue里碰到 $refs 的问题,分享给大家,希望能帮助大家解决问题记录困惑自己一个简单的问题...(瞬间感觉官方文档的强大)在自己做的一个项目中,遇到一个列表页,根据id能进入详情页(动态匹配路由),详情页是单独…

JavaScript编程设计模式之构造器模

JavaScript编程设计模式之构造器模

编程,设计模式,模式,构造器,实例分析,本文实例讲述了JavaScript编程设计模式之构造器模式。分享给大家供大家参考,具体如下:经典的OOP语言中,构造器(也叫构造函数)是一个用于初始化对象的特殊方法。在JS中,因为一切皆对象,对象构造器经常被提起。…

ps怎么制作很梦幻的抽丝花朵效果?

ps怎么制作很梦幻的抽丝花朵效果?

效果,梦幻,电脑软件,ps,ps中想要使用滤镜制作抽丝效果的花朵,该怎么绘制呢?下面我们就来看看详细的教程。软件名称:Adobe photoshop 7.01 官方正式简体中文版软件大小:154MB更新时间:2013-04-191、首先启动Photoshop cs5,执行文件-新建命令,新建一…

AI文件怎么另存为psd分层文件?

AI文件怎么另存为psd分层文件?

文件,分层,另存为,电脑软件,AI,成psd分层文件方便我们后期处理,该怎么将ai文件保存为psd分层文件呢?下面我们就来看看详细的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、很多…

ppt如何绘制扇形和半圆的形状图形

ppt如何绘制扇形和半圆的形状图形

扇形,绘制,图形绘制,图形,半圆,  PPT中的形状中有很多图形,ppt中想要绘制一些图形,该怎么使用形状功能绘制扇形和半圆。以下是小编为您带来的关于ppt绘制扇形和半圆的形状,希望对您有所帮助。ppt绘制扇形和半圆的形状1、点击插入---形状 ---…

ppt幻灯片如何制作一个演示结束的

ppt幻灯片如何制作一个演示结束的

动画,幻灯片,演示,结束,电脑软件,  ppt幻灯片播放结束以后,想要播放一个结束的动画,该怎么设计这个动画才能完美的收尾。以下是小编为您带来的关于ppt幻灯片制作一个演示结束的动画,希望对您有所帮助。ppt幻灯片制作一个演示结束的动画1、首…

详解JavaScript调用栈、尾递归和手

详解JavaScript调用栈、尾递归和手

尾递归,优化,调用栈,详解,电脑软件,调用栈(Call Stack)调用栈(Call Stack)是一个基本的计算机概念,这里引入一个概念:栈帧。栈帧是指为一个函数调用单独分配的那部分栈空间。当运行的程序从当前函数调用另外一个函数时,就会为下一个函数建立一个新…

qq如何设置接收文件夹怎么设置qq接

qq如何设置接收文件夹怎么设置qq接

设置,文件,方法,如何设置,电脑软件,  qq接受到好友的文件,有时候会找不到,那么怎么设置指定的接收文件的文件夹方便自己寻找呢?今天小编给你分享一下qq设置接收文件夹的操作方法,欢迎阅读。qq设置接收文件夹的方法点击打开qq主面板的系统设…

浅谈mint-ui loadmore组件注意的问

浅谈mint-ui loadmore组件注意的问

组件,浅谈,电脑软件,ui,mint,如下所示:loadTop(){ this.$store.dispatch('getNewsList',{channelId:this.id,page:0,size:this.size}); this.$refs.loadmore.onTopLoaded();},比如在做下拉刷新的时候,切记在下拉刷新的函数中要加this.$re…