首页 >web前端 >js教程 >几种JS开发中基本数据类型

几种JS开发中基本数据类型

小云云原创: 2018-01-09 13:00:441516浏览

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开发中基本数据类型

相关文章