JS高程学习笔记:JS数据类型详解

2018-06-24 02:07:15来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  JavaScript中一共有六种数据类型,其中有五种是基本的数据类型分别是:Undefined、Null、Boolean、Number和String,然后就是有一种复杂的数据类——Object。

一、认识typeof操作符

  typeof可以用来检测给定变量的数据类型。

  • "Undefined"  该值未定义 
  • "Boolean"  该值是布尔值
  • "String"  该值是字符串
  • "Number"  该值是数值
  • "Object"   该值是对象或null
  • "Function"  该值是函数

typeof一般的用法:

打开谷歌浏览器Developer Tools工具,快捷键(ctrl+shift+J):

var str = "This string";
console.log(typeof (str));//"string"
console.log(typeof 95);//number

 

二、Undefined类型

  这个类型只有一个值,那就是undefined。在JavaScript中用了var声明了变量,但未对其进行初始值的话,就会返回一个undefined。

var str;
console.log(str == undefined);//true

 

  如果在未定义的变量进行输出,会产生错误而不是undefined。

var str;//这个变量声明之后默认取得了undefined值
//var num;
//假装定义了num
console.log(str);//undefined console.log(num);//错误

三、Null类型

  同样的Null也只有一个值的数据类型,null值表示一个空对象指针,用typeof操作符检测我们发现null值时会,返回“object”的现象:

var cat = null;
console.log(typeof cat); //"object"

一般来说,undefined值派生自null值,在ECMA-262规定对它们的相等测试要返回true:

console.log(null == undefined);

四、Boolean类型

  Boolean类型有两个字面量值:true和false,但往往这两个值不能用1或0来表示。可以用Boolean()方法来转换该值:

 

var boolean = "Hello World!";
var thisBoolean = Boolean(boolean);
console.log(thisBoolean);//true

 

五、Number类型

  number类型使用了IEEEE754格式来表示整数和双精度数值(浮点数),下面是一些表示方法:

 

var inta = 20;//整数
var octal =070;//八进制数
var hex = 0xA;//十六进制
var float = 3.141e5;//等于314100

//数值范围
var result = Number.MAX_VALUE + Number.MAX_VALUE;
console.log(isFinite(result));

 

  NaN(Not a Number)

  NAN是个特殊的数值,用于表示一个本来要返回数值的操作数未返回数值的情况,JavaScript定义了isNaN()函数。

  isNaN()可以接收一个参数,可以是任何类型,在接收到该参数后,会尝试将这个参数转换为数值,返回的值用true和false表示:

console.log(isNaN(NaN));//true
console.log(isNaN(0));//false 0是个数值
console.log(isNaN("0"));//false 可以被转换成数值
console.log(isNaN(true));//false 可以被转换数值1
console.log(isNaN("blue"));//true 不能被转换成数值

   

  数值转换有三个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat(),其中Number()可以用于任何数据类型,而后面两个则用于把字符串转换成数值。

 Number()方法

 

 

 

 

 

 

 

 

 

 

 

var thisNum = Number("Hello World");//NaN
var thisNum = Number("");//0
var thisNum = Number("011");//11
var thisNum = Number("false");//0
var thisNum = Number("this.window");//NaN

 

parseInt()方法

一些例子:

var num1 = parseInt("1234blue"); // 1234
var num2 = parseInt(""); // NaN
var num3 = parseInt("0xA"); // 10(十六进制数)
var num4 = parseInt(22.5); // 22
var num5 = parseInt("070"); // 56(八进制数)
var num6 = parseInt("70"); // 70(十进制数)
var num7 = parseInt("0xf"); // 15(十六进制数)

这里讲到进制转化问题,ECMAScript3和5会存在分歧。比如:

//ECMAScript 3 认为是56(八进制),ECMAScript 5 认为是70(十进制)
var num = parseInt("070");

为了解决这个问题parseInt提供了另外一个参数,可以指定对应的进制:

var num1 = parseInt("10", 2); //2 (按二进制解析)
var num2 = parseInt("10", 8); //8 (按八进制解析)
var num3 = parseInt("10", 10); //10 (按十进制解析)
var num4 = parseInt("10", 16); //16 (按十六进制解析)

 

parseFloat()方法

一些方法:

var num1 = parseFloat("1234blue"); //1234 (整数)
var num2 = parseFloat("0xA"); //0(十六进制)
var num3 = parseFloat("22.5"); //22.5
var num4 = parseFloat("22.34.5"); //22.34
var num5 = parseFloat("0908.5"); //908.5(八进制没有效果)
var num6 = parseFloat("3.125e7"); //31250000

 

六、String类型

  

字符串的一般特点:

var str1 = "This is the letter "
var str2 = "sigma:\u03a3"//含有转移字符
str = str1 + str2;
console.log(str.length);//26

toString()方法

  这个方法可以转换4个不同的值:数值、布尔值、null和undefined。数值和布尔值转换都是得到的结果相同,另外null和undefined没有toString()方法,所以直接返回相关的字面量。

var str1 = 10;
var str2 = true;
var str3 = null;
var str4;

console.log(String(str1));//"10"
console.log(String(str2));//"true"
console.log(String(str3));//"null"
console.log(String(str4));//"undefined

 

 

总结:

  1. 我们知道了JavaScript数据类型一共有六种,五种基本类型,一种复杂类型。
  2. 利用typeof()可以检测值的类型。
  3. 知道了NaN,叫非数值(Not a Number)是一个特殊的数值,可以用来表示未返回的操作数值情况。
  4. 学习转换字符串用Number()、parseInt()、parseFloat()这三个方法。
  5. String类型的方法toString()的方法可以把值转换成一段字符串。

  到这里还差一个object类型未学习,我会在后面添加上,如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果您喜欢或者有所启发,欢迎添加收藏,一起加油学习啊。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:vue.js小总结

下一篇:JS--dom对象:document object model文档对象模型