03.JavaScript-数据类型和数据类型转换

目录

前言

一、js数据类型

二、简单数据类型

1.数字型

1)八进制  0-7  

2)十六进制  0-9  a-f

3)数字型的最大值和最小值

4)无穷大和无穷小

5)非数字 

2.字符型-String

1)字符串转义字符,都是以 \ 开头,而且都是要写在引号里面

2)字符串的长度:length

3)字符串的拼接: +     

3.布尔型- Boolean

4.未定义的类型-undefined

5.null-空值

三、typeof 用于检测变量的数据类型 

四、数据类型转换

1. 转换为字符型

1)变量.toString()

2)String(变量)

3)用 + 字符串拼接的方法,也叫做隐式转换。使用最多的一个办法

2. 转换为数字型(重点)

1)parseInt()  把字符型转换为整数

2)parseFloat()  把字符型转换为小数

3)Number(变量)  强制转换

4)通过(   - 、* 、/)运算来转换为数字型,也称为隐式转换

3. 转化为布尔型,使用Boolean()函数

1)代表空、否定的值会被转换为false,如:''     NaN   null   undefined  0

2)其余的都会被转换为true

总结


前言

今天给大家分享关于JavaScript 的数据类型以及数据类型之间的转换。在学习数据类型之前,我们首先要知道JavaScript·是 弱语言动态语言数据类型不明确的。为什么这么说呢?因为js的变量数据类型,只有在程序运行过程中,根据等号右边的值来确定的,看下面代码:

var num = 10;   num属于数字型

var str = 'pink'; str属于字符串型

js是动态语言,变量的数据类型是可以变化的

var x = 10; //x是数字型

x = 'pink'; //x是字符串型


一、js数据类型

js数据类型分为两大类:简单数据类型 和 复杂数据类型

二、简单数据类型

1.数字型

数字型分为 整型浮点型。最常见的进制有 二进制、八进制、十进制、十六进制

1)八进制  0-7  

程序里面数字前面加 0  表示 八进制

var num1 = 010;

console.log(num1); // 010 就是八进制,转化为十进制就是8

var num2 = 012;

console.log(num2); // 012也是八进制,转化为十进制就是10

2)十六进制  0-9  a-f

程序里面数字前面加 0x,表示 十六进制

var num3 = 0x9;

console.log(num3); //0x开头是十六进制,转化为十进制是 9

var num4 = 0xa;

console.log(num4); //转化为十进制是 10

3)数字型的最大值和最小值

console.log(Number.MAX_VALUE);

console.log(Number.MIN_VALUE);

4)无穷大和无穷小

console.log(Number.MAX_VALUE * 2); //Infinity 无穷大

console.log(Number.MIN_VALUE * 2); // -Infinity 无穷小

5)非数字 

isNaN()  用来判断一个变量或者是否是非数字,如果是非数字返回true,如果是数字返回false

console.log('pink老师' - 12); //  NaN

console.log(isNaN(12)); //false

console.log(isNaN('pink')); //true

2.字符型-String

字符串可以是引号中的任何文本,推荐使用单引号。字符串的嵌套一定要注意:外双内单或者外单内双

1)字符串转义字符,都是以 \ 开头,而且都是要写在引号里面

\n     换行符,n是newline的意思

\\      斜杠\

\'      '  单引号

\"     " 双引号

\t     tab缩进

\b     空格,b是blabk的意思

2)字符串的长度:length

var str = '我是张三';

console.log(str.length); //4

3)字符串的拼接: +     

只要有字符串和其他类型拼接,最后都是字符串型   口诀:数值相加,字符相连

console.log('我是' + '张三');  //我是张三

console.log('张三' + 18);  // 张三18

console.log('12' + 12);  // 1212

console.log(12 + 12);   //24

console.log('hello' +' ' +  'world')   //hello world

结合变量使用。变量通过和字符串相连的方式实现  ,口诀:引引加加

var age = 18;

console.log('刘朋' + age +'岁');

3.布尔型- Boolean

  • 布尔类型有两个值,true 和 false ,其中true表示真,false 表示假。
  • 布尔型和数字型相加的时候,true的值为1,false的值为0

console.log(true + 1);  // 2

console.log(false + 1); // 1

4.未定义的类型-undefined

var str;

console.log(str);  //undefined

var str = undefined;

console.log(str + 'pink'); //undefinedpink

注意:undefined和数字相加,最后返回的结果是NaN 

console.log(str + 1);  // NaN 

5.null-空值

var space = null;

console.log(null + 'pink');  //nullpink

注意:null和数字相加,最后返回的结果就是原先的数字

console.log(null + 1); // 1      


三、typeof 用于检测变量的数据类型 

var num = 10;

console.log(typeof num); // number

var str = '我是谁';

console.log(typeof str);  // string

var flag = true;

console.log(typeof flag); // boolean

var var1 = undefined;

console.log(typeof var1);  // undefined

var var2 = null;

console.log(typeof var2);  // object

注意:prompt 取过来的值是 字符型的

var age = prompt('请输入您的年龄');

console.log(typeof age);  //string


四、数据类型转换

1. 转换为字符型

1)变量.toString()

var num = 10;

var str = num.toSrting();

console.log(typeof str); // string

2)String(变量)

var num = 10;

console.log(typeof String(num)); // string

3)用 + 字符串拼接的方法,也叫做隐式转换。使用最多的一个办法

var num = 10;

console.log(num + ' ');


2. 转换为数字型(重点)

1)parseInt()  把字符型转换为整数

console.log(parseInt('123')); // 123

console.log(parseInt('3.14')); // 3

console.log(parseInt('3.99')); // 3

2)parseFloat()  把字符型转换为小数

console.log(parseInt('123')); // 123

console.log(parseInt('3.14')); // 3.14

console.log(parseInt('120px')); // 120

3)Number(变量)  强制转换

var str = '123';

console.log(Number(str)); // 123

console.log(Number('123')); // 123

4)通过(   - 、* 、/)运算来转换为数字型,也称为隐式转换

console.log('12' - 0);  //12

console.log('12' - '11'); //1

console.log('12' * 1);  //12


3. 转化为布尔型,使用Boolean()函数

1)代表空、否定的值会被转换为false,如:''     NaN   null   undefined  0

    console.log(Boolean(''));  // fales

    console.log(Boolean(0));   // false

    console.log(Boolean(null));   // false

    console.log(Boolean(NaN));   // false

    console.log(Boolean(undefined));   // false

2)其余的都会被转换为true


总结

以上就是今天分享的关于数据类型以及数据类型抓换的相关内容。内容会稍微比较多,但是都很容易理解,大家不要死记硬背。

"pink"的含义是:拼尽全力!克服困难

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr_LiuP

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值