深入理解JavaScript数据类型

Posted

tags:

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

javascript中的数据类型分为两类:原始类型和对象类型。其中原始类型包括Undefined、Null、Boolean、Number和String,除开这几种类型以外的就是对象类型。

null类型

null是javascript语言中的关键字,它表示一个特殊值,常用来表示“空值”,对null执行typeof操作符,结果返回字符串“object”,也就是说,可以将null认为是一个特殊的对象值,含义是“非对象”。但实际上,通常认为null是他自有类型的唯一成员,他可以表示数字,字符串和对象是“无值的”

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

undefined类型

undefined是JavaScript第二个表示空缺的值,用未定义的值表示 更深层次的“空值”,他是变量的一种取值,表明变量没有初始化,如果要查询的对象属性或数组元素的值返回undefined则说明这个属性或元素不存在,如果函数没有任何返回值,则返回undefined。使用typeof操作符返回undefined,表明这个值是这个类型的唯一成员。尽管null和undefined是不同的,但他们都表示值的空缺,两者往往可以互换,判断符“==”认为两者是相等的(需要使用“===”才能区分他们)。

var car
console.log(car);//"undefined"
console.log(typeof car);//"undefined"
function test() {
    return;
}
console.log(test())//"undefined"
console.log(undefined == null);//true
console.log(undefined === null);//false

boolean类型

布尔值代表真或假。这个类型只有两个值:true和false.虽然Boolean类型的字面值只有两个,但JavaScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用类型转换函数Boolean()。undefined,null,0,-0,NaN,‘‘会被转换成false,所有其他值都会转换成true.

var a = ‘‘;
var b = null;
var c = 0;
var d = NaN;
var e;
console.log(Boolean(a));//false
console.log(Boolean(b));//false
console.log(Boolean(c));//false
console.log(Boolean(d));//false
console.log(Boolean(e));//false

number类型

这种类型用来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值 Not a Number)。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。例如,在其他编程语言中,任何数值除以0都会导致错误,从而停止代码执行。但在JavaScript中,任何数值除以0会返回NaN,因此不会影响其他代码的执行。NaN本身有两个非同寻常的特点。首先,任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身。例如,下面的代码会返回false。

alert(NaN == NaN);    //false

JavaScript中有一个isNaN()函数,这个函数接受一个参数,该参数可以使任何类型,而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串”10“或Boolean值。而任何不能被转换为数值的值都会导致这个函数返回true。例如:

   alert(isNaN(NaN));    //true
    alert(isNaN(10));    //false(10是一个数值)
    alert(isNaN("10"));    //false(可能被转换为数值10)
    alert(isNaN("blue"));    //true(不能被转换为数值)
    alert(isNaN(true));    //false(可能被转换为数值1)

有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会返回不同的结果。

Number()函数的转换规则如下:

  ● 如果是Boolean值,true和false将分别被替换为1和0

  ● 如果是数字值,只是简单的传入和返回

  ● 如果是null值,返回0

  ● 如果是undefined,返回NaN

  ● 如果是字符串,遵循下列规则:

   ○ 如果字符串中只包含数字,则将其转换为十进制数值,即”1“会变成1,”123“会变成123,而”011“会变成11(前导的0被忽略)

   ○ 如果字符串中包含有效的浮点格式,如”1.1“,则将其转换为对应的浮点数(同样,也会忽略前导0)

   ○ 如果字符串中包含有效的十六进制格式,例如”0xf“,则将其转换为相同大小的十进制整数值

   ○ 如果字符串是空的,则将其转换为0

   ○ 如果字符串中包含除了上述格式之外的字符,则将其转换为NaN

  ● 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依次按照前面的规则转换返回的字符串值。

  var num1 = Number("Hello World");    //NaN
    var num2 = Number("");                //0
    var num3 = Number("000011");        //11
    var num4 = Number(true);            //1

由于Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是parseInt()函数。parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字符串前面的空格,直至找到第一个非空格字符。如果第一个字符串不是数字字符或者负号,parseInt()会返回NaN;也就是说,用parseInt()转换空字符串会返回NaN。如果第一个字符是数字字符,praseInt()会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符。例如,"1234blue"会被转换为1234,”22.5“会被转换为22,因为小数点并不是有效的数字字符。

  如果字符串中的第一个字符是数字字符,parseInt()也能够识别出各种整数格式(即十进制、八进制、十六进制)。为了更好的理解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("10",2);        //2(按二进制解析)
 var num8 = parseInt("10",8);        //8(按八进制解析)
 var num9 = parseInt("10",10);        //10(按十进制解析)
 var num10 = parseInt("10",16);        //16(按十六进制解析)
 var num11 = parseInt("AF");            //56(八进制)
 var num12 = parseInt("AF",16);        //175

与parseInt()函数类似,parseFloat()也是从第一个字符(位置0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。例如,”22.34.5“将会被转换成22.34。

parseFloat()和parseInt()的第二个区别在于它始终都会忽略前导的零。由于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

string类型

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由单引号(‘)或双引号(")表示。由单引号定界的字符串可以包含双引号,由双引号定界的字符串可以包含单引号。也可以将字符串拆分为多行,每行用反斜线结束。比如

var str1 = "";
var str2 = ‘test‘;
var str3 = ‘3.14‘;
var str4 = ‘wound you like "javascript"?‘
var str5 = ‘wound             you

javasript内置有字符串的连接,如果表达式中含有字符串,通过加号运算符可以将字符串拼接起来。对于不是字符串的值,会先转成字符串再拼接。

var str1 = ‘hello‘ + ‘ world‘;   //"hello world"
var str2 = ‘1‘ + 1;          //11
var str3 = true + ‘false‘;     //"truefalse"

字符串有许多可以调用的方法(可以通过String.prototype查看所有方法)。

var str = "hello world"
str.length      //11,字符串长度
str.charAt(0)    //‘h‘,第一个字符
str.charAt(str.length-1)    //‘d‘,最后一个字符
str.substring(1,4)        //‘ell‘,第2-4的字符
str.slice(1,4)            //‘ell‘,同上
s.indexOf(‘l‘)             //2,字符l首次出现的位置
str.split(‘ ‘)           //["hello","world"],分割字符串
str.__proto__           //字符串原型对象
String.prototype        //同上

object类型

除开以上类型以外的都是对象,包括数组,函数,对象,正则等等都是对象类型。对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。也可以使用对象直接量进行创建,对象直接量是若干个键值对组成的映射表,也可以通过Object的create方法创建对象。对象都是独一无二的,不管通过什么方法创建的对象都不相等。

var obj1 = {};                    //空对象
var obj2 = new Object();        //空对象
var obj3 = Object.create(null); //空对象
var obj4 = new Object();
console.log(obj2 == obj4)         //false

每一个对象类型的实例都具有许多方法。可以通过Object.prototype来查看对象的所有方法。

var obj = new Object();
obj.toString()      //[object,object],转为字符串
obj.title = ‘hello‘    //添加属性
Object.defineProperty(obj,‘title‘,{
    value: ‘hello‘,
    writable: true,
    enumerable: true,
    configurable: true
})                    //同上
obj.valueOf()     //object, 返回对象的基元值。
obj.__proto__     //对象原型
Object.prototype  //同上

 

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

深入理解JavaScript特性

慕课网JavaScript深入浅出学习笔记之数据类型

深入理解JavaScript系列

深入理解javaScript的深复制和浅复制

深入理解JavaScript系列 --汤姆大叔

深入理解javascript之null和undefined