目录
1)字符串转义字符,都是以 \ 开头,而且都是要写在引号里面
3)用 + 字符串拼接的方法,也叫做隐式转换。使用最多的一个办法
4)通过( - 、* 、/)运算来转换为数字型,也称为隐式转换
1)代表空、否定的值会被转换为false,如:'' NaN null undefined 0
前言
今天给大家分享关于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"的含义是:拼尽全力!克服困难