JavaScript:数据类型

JavaScript中有6种数据类型,其中包含了5种基本数据类型和1种复杂数据类型。

  • 基本数据类型:undefined、null、boolean、number和String
  • 复杂数据类型:Object。Object本质是由一组无序的名值对组成的。

 

typeof操作符

JavaScript中的变量是松散类型的,所谓松散类型,就是可以用来保存任何数据。

var i = 17;
i = "hello";    // 这种做法是合法的

鉴于这种特性,因此需要一种手段来检测变量的数据类型,typeof负责提供这种信息。对一个值使用typeof操作符将返回下列某个字符串:

  • "underfined" -- 这个值未定义
  • "boolean" -- 这个值是布尔值
  • "string" -- 这个值是字符串
  • "number" -- 这个值是数值
  • "object" -- 这个值是对象或null
  • "function" -- 这个值是函数

下面举两个例子,说明typeof操作符的使用:

var m = "hello";
alert(typeof m);  // "string"
alert(typeof 17);   // "number"

 

undefined类型

undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined,例如:

var msg;
alert(msg == undefined);    // true

不过,包含undefined值的变量与未定义的变量是不一样的。例如:

var msg;    // 声明之后未初始化,默认值为undefined
// var name;    // 没有声明
alert(msg); // "undefined"
alert(name);    // 产生错误

然而,对未初始化的变量和未声明的变量执行typeof操作符都会返回undefined值。例如:

var msg;    // 声明之后未初始化,默认值为undefined
// var name;    // 没有声明
alert(typeof msg);  // undefined
alert(typeof name); // undefined

 

null类型

null类型也是只有一个值的数据类型,这个特殊的值是null。null值表示一个空对象指针,所以用typeof操作符检测null值时会返回“object”。例如:

var human = null;
alert(typeof human);    // “object”

如果定义一个变量用于保存对象,最好将变量初始化为null,这样可以直接检测变量是否null来判断是否保存了一个对象的引用,例如:

if (human != null) {
      // ...
}

实际上,undefined值是派生自null值的,它们的相等测试返回true.

alert(null == undefined) // true

 

boolean类型

boolean只有两个值true和false。这两个值与数字值不是一回事,true不等于1,false不等于0。
虽然boolean只有两个值,但是JavaScript中所有的数据类型都有与这两个值等价的值。通过转型函数Boolean()可以将一个值转换为对应的Boolean值。

var msg = "hello javascript";
var msgAsBoolean = Boolean(msg);
alert(msgAsBoolean);

下表为各种数据类型及其转换规则:

数据类型转换为true的值转换为false的值
Boolean true false
Number 任何非零数字值(包括无穷大) 0和NaN(Not a Number)
Object 任何对象 null
undefined 不适用 undefined

在if判断中,将自动执行Boolean转换。例:

var msg = "hello javascript";
if (msg) {  // msg会自动执行Boolean转换为true
      alert("is true");
 }

number类型

number类型表示整数和浮点数。
为了支持各种数值类型,定义了不同的数值字面量格式,下面给出定义number类型数据的例子:

var intNum = 20;    
var octalNum1 = 030;    // 八进制的24
var hexNum = 0xA;   // 十六进制的10

在进行算数运算时,以八进制和十六进制表示的数值最终都会被转换成十进制数值。

1.浮点数值

所谓浮点数值,就是该数值中必须包含一个小数点,并且小数点后面必须至少有一位数字。
定义浮点数的方式:

var floatNum1 = 1.2;
var floatNum2 = 0.3;
var floatNum3 = .4;         // 合法,但是不推荐

对于那些极大或极小的数值,可以用e表示法

var floatNum = 2.345e4; // 等于23450

在默认情况下,JavaScript会将小数点后面带有6个零以上的浮点数转换为以e表示的数值。
浮点数的最高精确度是17位小数,但在进行算术计算时精确度不及整数。例如,0.2加0.3的结果不一定等于0.5:

if (a + b == 0.5) { // 不能做这样的测试
     alert("等于0.5");
}

2.数值范围

由于内存的限制,JavaScript并不能表示所有的数值。

  • 最小的数值:Number.MIN_VALUE,在多数浏览器中为5e-324
  • 最大的数值:Number.MAX_VALUE,在多数浏览器中为1.7976931348623157e+308

如果某次计算的结果得出一个超过JavaScript数值范围的值,那么这个值将被自动转换成Infinity值(正无穷)。如果是负数,就会被转换成-Infinity(负无穷);如果是正数,就会被转换成Infinity(正无穷)。Infinity不是能够参与计算的数值。通过isFinite()函数可以确定一个数值是不是有穷的。如果是有穷的,则返回true。

var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result));    // false

3.NaN

NaN,即非数值(Not a Number)是一个特殊的值。用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。在JavaScript中,任何数值除以0会返回NaN。
NaN有两个特点:1.任何涉及NaN的操作都会返回NaN。2.NaN与任何值都不相等,包括本身。

alert(NaN == NaN);  // false

针对NaN的特点,JavaScript定义了isNaN()函数。isNaN()函数在接收一个值后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,如字符串"20"或Boolean值。不能转换成数值的值都会返回true。

alert(isNaN(NaN));  //  true
alert(isNaN(10));   // false,
alert(isNaN("10")); // false(可以被转换成数值10)
alert(isNaN("blue"));   // true,不能转换
alert(isNaN(true)); // 可以被转换成1

4.数值转换

有三个可以将非数值转换为数值的函数:Number()、parseInt()、parseFloat()。Number()可以作用于任何类型,parseInt()和parseFloat()则专门用于把字符串转换成数值。
Number()函数的转换规则为:

    • 如果是Boolean值,true和false分别转换为1和0。
    • 如果是数字值,简单地传入和返回。
    • 如果是null值,返回0
    • 如果是undefined,返回NaN。
    • 如果是字符串,遵循以下规则:
      • 如果字符串中只包含数字,则将其转换为十进制数值,即“20”转换为20,“011”会转换为11;
      • 如果字符串中包含有效的浮点格式,如“1.2”,则将其转换为对应的浮点数;
      • 如果字符串中包含有效的十六进制格式,例如“0xf”,则将其转换为对应的十进制整数;
      • 如果字符串是空的,则将其转换为0;
      • 如果字符串中包含上述格式之外的字符,则将其转换为NaN。
    • 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换,如果返回的结果是NaN,则调用对象的toString()方法,然后再次依照前述规则转换返回的字符串值。
var num1 = Number("javascript");    // NaN
var num2 = Number("");  // 0
var num3 = Number("012");   // 12
var num4 = Number("0xa");   // 10
var num5 = Number(true);    // 1

实际开发中,处理整数时更多的使用parseInt()函数。parseInt()函数会忽略字符串前面的空格,直至找到第一个非空字符串。如果第一个字符不是数字或符号,就会返回NaN。如果第一个字符是数字字符,parseInt()就会继续解析第二个字符,直至最后一个字符或遇到一个非数字字符。例 如:“123hello”会被转换为123,类似地,“12.3”会被转换为12。 而且parseInt()函数能够识别出各种整数格式。

var num1 = parseInt("123hello");    // 123
var num2 = parseInt("");    // 0
var num3 = parseInt("070");     // 56
var num4 = parseInt("0xa");    // 10
var num5 = parseInt("12.3");    //12

为了消除进制带来的困惑,可以为parseInt()函数添加第二个参数,表示转换时使用多少进制。

var num = parseInt("0xAF", 16); // 175

parseFloat()也是从第一个字符开始解析,而且一直解析到字符末尾,或者遇见一个无效的浮点数字符,例如,“12.34.5”将会转换为12.34,除了第一个小数点之外,parseFloat()与parseInt()的另一个区别是会始终忽略前导0。

var num1 = parseFloat("123hello");  // 123,整数
var num2 = parseFloat("0xa");      // 0
var num3 = parseFloat("12.3);       // 12.3
var num4 = parseFloat("12.34.5);    // 12.34
var num5 = parseFloat("3.14e6");    // 3140000

 

String类型

String类型用于表示由零或多个16位Unicode字符组成的字符序列。字符串由双引号(")或单引号(')表示。

var str1 = "san";
var str2 = 'zhang';

任何字符串的长度都可以由length属性取得,这个属性返回的字符数包括16位字符的数目,而不是返回字符串的字符数目

var str1 = "hello";
var str2 = "中国";
alert(str1.length);     // 5
alert(str2.length);     // 2

字符串是不可变的,一旦创建,它们的值就不可改变。改变一个变量的值,首先需要销毁原来的值,然后再用一个新值填充变量。

var str = "good";
str = str + "morning";

在上例中,第一行str包含了“good”,而第二行重新填充了“good”和“morning”的组合,即“goodmorning”。

要把一个值转换为字符串有两种方式:toString()函数和String()函数。
除了null和undefined,每一个值都有toString()方法,下面看几个例子:

var age = 20;
var ageAsString = age.toString();    // "20"
var flag = true;
var flagAsString = flag.toString(); // "true"

toString()还可以传入一个参数,表示输出数值的基数(多少进制)。例:

var num = 10;
alert(num.toString());  // "10"
alert(num.toString(2)); // "1010"
alert(num.toString(8)); // "12",10的八进制为形式为012,这里去掉了前导0
alert(num.toString(16));    // "a",去掉了前导0x

在不知道要转换的是不是null或undefined的情况下,还可以使用String()函数。这个函数能够将任何类型的数转换为字符串。String()函数遵循以下规则:

  • 如果值有toString()方法,则调用该方法并返回结果
  • 如果值是null,则返回“null”
  • 如果值是undefined,则返回“undefined”
var str1 = null;
var str2;
alert(String(str1));    // "null"
alert(String(str2));    // "undefined"

 

Object类型

JavaScript中的对象其实是一组数据和功能的集合。通过关键字new后跟对象类型名来创建对象。形式为:

var o = new Object();

类似于Java中的Object对象(Java中Object为所有类的基类),Object类是其他所有实例的基础。也就是说,Object类型具有的任何属性和方法也同样存在于更具体的对象中。

每个Object实例都具有下列属性和方法:

  • constructor:保存着用于创建当前对象的函数。
  • hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中是否存在。作为参数的属性名必须以字符串的形式指定(例如:o.hasOwnProperty("name"))。
  • isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型。
  • propertyIsEnumerable(propertyName):用于检测给定的属性是否能够使用for-in语句来枚举。属性名必须以字符串的形式传入。
  • toLocalString():返回对象的字符串表示,该字符串与执行环境的地区对应。
  • toString():返回对象的字符串表示
  • valueOf():返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。
原文地址:https://www.cnblogs.com/xiaoxiaoyihan/p/5031834.html