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);//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开发中基本数据类型具体介绍的详细内容。更多信息请关注PHP中文网其他相关文章!