JavaScript-----4.数据类型

Posted deer_cen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript-----4.数据类型相关的知识,希望对你有一定的参考价值。

1.变量的数据

变量用来存储值的所在处,有名字和数据类型。变量的数据类型决定将如何代表这些值的位存储到计算机内存中。javascript是一种弱类型或者说是动态语言。不用提前声明变量的类型,在程序运行中变量会被自动确定。

var age;//不确定类型
age = 10;//确定位整型

而javaC中是

int age = 10;//直接确定为整形

python中可以 不用声明

age = 10;

JavaScript拥有动态类型,同时也意味着相同的变量可以用作不同的类型

var x = 6;//x为数字
var x = "Bill"; //x为字符串

2.数据类型的分类

JS的数据类型分:简单数据类型(Number,String,Boolean,Underfined,Null)和复杂数据类型(object)

2.1简单数据类型

2.1.1 Number:数字型包括整形值和浮点型值,默认值是0

(1)进制

var num = 10; //num数字型
var PI = 3.14;//PI数字型

//八进制:0~7程序里数字前加0表示8进制数字
var num1 = 010;
console.log(num1);//打印输出的是8
var num2 = 012;
console.log(num2);//打印输出10

//十六进制:0~9 a~f程序里数字前加0x表示16进制数字
var num3 = 0x9;
console.log(num3);//打印输出的是9
var num4 = 0x12;
console.log(num4);//打印输出的是18

(2)数字型范围
JavaScript中数值的最大值(Number.Max_VALUE)和最小值(Number.MIN_VALUE)
Number.Max_VALUE: 1.7976931348623157e+308
Number.MIN_VALUE: 5e-324
Inifit:无穷大,大于任何数值
-Infint:无穷小,小于任何数值
NaN: not a number,代表一个非数值(例如字符串与某个整数进行加减运算)

(3)isNaN()
用于判断一个变量是否为非数字类型,如果是数值返回false,如果是非数字返回true

//isNaN()用这个方法用来判断非数字,并且返回一个值,如果是数字则返回false否则返回true
console.log(isNaN(12));//false
console.log(isNaN('pink 老师'))//true

2.1.2 String:字符串类型,默认值是空字符串""

(1)引号可以是单引号也可以是双引号,推荐在JS中用单引号(html中用双引号)
(2)转义字符
: 换行
: 斜杠 ‘: 单引号‘
": 双引号"
: tab缩进
: 空格(b是blank的意思)

(3)字符串长度及拼接
length属性用于获取字符串的长度:

//检测字符串长度length
var str = 'my name is andy';
console.log(str.length);

利用‘+‘进行字符串的拼接,口诀:数值相加,字符相连:

console.log('沙漠'+'骆驼');//沙漠骆驼

//字符型和其他类型进行拼接最后的结果还是字符串型的
console.log('pink老师'+18);//pink老师18
console.log(18+'pink老师');//18pink老师
console.log(true+'pink');//truepink
console.log('12'+12);//1212
//但是以下就不是拼接
console.log(12+12);//24

字符串拼接加强:

var age = 18;
console.log('pink老师'+age+'岁');

案例:

//弹出一个输入框,需要用户输入年龄,之后弹出一个警示框显示“您今年xx岁啦”
age = prompt('请输入年龄');
alert('您今年岁'+age+'啦');

2.1.3 Boolean:布尔值类型如true,false,默认值false

var flag = true;
var flag1 = false;
console.log(flag+1);//2
console.log(flag1+1);//1

2.1.4 Undefined

var a;声明了变量但是没有给值,此时a=underfined,默认值underfined

//如果一个变量声明但是未赋值 就是underfined未定义数据类型
var str;
console.log(str);//undefined
var variable = undefined;
console.log(variable);//undefined
console.log(variable+'pink');//undefinedpink     字符串类型
console.log(variable+1);//NaN  undefined和数字相加最后的结果是NaN
console.log(variable+true);//NaN

2.1.5 Null:

var a=null;声明了变量a为空值

//null
var space = null;
console.log(space);
console.log(space+'pink');//nullpink
console.log(space+1);//1

3.获取变量的数据类型

3.1 typeof

typeof可以用来获取检测变量的数据类型

var num = 10;
console.log(typeof num);//number
var str = 'pink';
console.log(typeof str);//string
var flag = true;
console.log(typeof flag);//boolean
var vari = undefined;
console.log(typeof vari);//undefined
var timer = null;
console.log(typeof timer);//object

利用typeof验证prompt取过来的值的类型

age = prompt('请输入您的年龄');
console.log(age);//18
console.log(typeof age);//string

3.2 console

除了可以用typeof来检测变量属于哪一种类型还可以通过浏览器控制台console的颜色来判断属于哪一种数据类型

console.log(18);//数字型 纯蓝色
console.log('18');//字符型 黑色
console.log(true);//布尔型 墨蓝色
console.log(undefined);//浅灰色
console.log(null);//浅灰色

3.3 字面量

字面量是在源代码中一个固定值的表示方法,通俗来说就是字面量表示如何表达这个值
数字字面量: 8,9,10
字符串字面量: ‘黑马程序员‘,‘大前端‘
布尔字面量:true,false

4. 数据类型转换

4.1 什么是数据类型转换

使用表单(input)、prompt获取过来的数据默认是字符串类型,此时就不能直接简单地进行加法运算,而需要转换变量的数据类型,通俗来说就是把一种数据类型变量转化成另一种数据类型。
常用的3种方式的转换:

  • 转换为字符串类型
  • 转换为数字型
  • 转换为布尔型

4.1.1 转换为字符串类型

var num = 10;

//1. 把数字型转换成字符串  格式:变量.toString()
var str = num.toString();
console.log(str);
console.log(typeof str);
//2. 我们利用String()   格式:String(变量)
console.log(String(num));
//3. 利用+拼接字符串的方法实现转换效果  隐式转换
console.log(num+'');

4.1.2 转换为数字类型(重点)

(1)方法1:parseInt(变量)

var age = prompt('请输入您的年龄');
//1. parseInt(变量) 可以把字符型的转化为数字型 得到的是整数(直接把小数点后面的数字抹掉)
console.log(parseInt(age));
console.log(parseInt('18.9')); //18
console.log(parseInt('120px')); //120 会直接将后面的字母去掉
console.log(parseInt('rem120px'));//NaN

(2)方法2:parseFloat(变量)

//2. parseFloat(变量)可以把字符型转化为数字型 得到的是小数 浮点数
console.log(parseFloat('3.14'));
console.log(parseFloat('120px')); //120 会直接将后面的字母去掉
console.log(parseFloat('rem120px'));//NaN

(3)方法3:Number(变量)

//3. 利用Number(变量)
var str = '123';
console.log(Number(str));
console.log(Number('12'));

(4) 利用了算数运算-*/隐式转换

//4. 利用了算数运算-*/隐式转换
console.log('12'-0);//12  若中间是加号则'120'
console.log('123'-'120');//3 若是加号则是'123120'
console.log('123'*1);//'123'
console.log('123'/1);//'123'

以上是关于JavaScript-----4.数据类型的主要内容,如果未能解决你的问题,请参考以下文章

对这个带有 & 不带 = 的代码片段返回类型感到非常困惑

对“xxx”类型的已垃圾回收委托进行了回调。这可能会导致应用程序崩溃损坏和数据丢失。向非托管代码传递委托时,托管应用程序必须让这些委托保持活动状态,直到确信不会再次调用它们。 错误解决一例。(代码片段

视图或片段库为常见数据类型组成 UI

一个具有两种显示类型的片段[关闭]

(转) Java中的负数及基本类型的转型详解

从 Apollo 缓存中读取特定类型的所有片段