WEB前端

JS开发中基本数据类型介绍

位置:首页 > WEB前端 > js教程,2017-10-24 09:30
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);//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

TAGS:JS开发JS数据类型

猜你喜欢

NewHot