js基础--数据类型

210 阅读7分钟

一、检测数据类型 typeof

1、含义

检测给定变量的数据类型。typeof 是一个操作符而不是函数。对一个值使用typeof 操作符可能返回下列某个字符串:

"undefined"——如果这个值未定义;

"boolean"——如果这个值是布尔值;

"string"——如果这个值是字符串;

"number"——如果这个值是数值;

"object"——如果这个值是对象或null;

"function"——如果这个值是函数。

2、示例代码

let num = 11, str = 'aaaaa';
let fn = function(){};
let obj = {};
console.info(typeof num); //number
console.info(typeof 22); //number

console.info(typeof str); //string
console.info(typeof ('bbbbb')); //string

console.info(typeof fn); //function

console.info(typeof obj); //object
console.info(typeof null); //object

console.info(typeof undefined); //undefined

二、Undefined类型与Null类型

1、含义

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

Null 类型只有一个值,这个特殊的值是null。null 值表示一个空对象指针。

2、示例代码

var message;     // 这个变量声明之后默认取得了undefined 值
alert(message); // "undefined"
alert(age);    // age没有声明,产生错误

var car = null;
alert(car);         //null
alert(typeof car); // "object"

alert(null == undefined); //true

3、二者区别及用法

undefined值是派生自null值

null表示"没有对象",即该处不应该有值。典型用法是:

(1) 作为函数的参数,表示该函数的参数不是对象。

(2) 作为对象原型链的终点。

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:

(1)变量被声明了,但没有赋值时,就等于undefined。

(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。

(3)对象没有赋值的属性,该属性的值为undefined。

(4)函数没有返回值时,默认返回undefined。

三、Boolean类型

1、含义

该类型只有两个字面值:true 和false。这两个值与数字值不是一回事,因此true 不一定等于1,而false 也不一定等于0。

2、类型转换

任何数据类型的值调用Boolean()函数,总会返回一个Boolean 值。

数据类型 转换为true值 转换为false值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数字值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined -- undefined

这些转换规则对理解流控制语句(如if 语句)自动执行相应的Boolean 转换非常重要。

  • Boolean( {} ) //转化为true
  • Boolean( 0 ) //转化为false
  • Boolean( NaN ) //转化为false
  • Boolean( "" ) //转化为false
  • Boolean( null ) //转化为false
  • Boolean( undefined ) //转化为false

四、Number类型

最基本的数值字面量格式是十进制整数。

1、浮点数值

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

浮点数值的最高精度是17 位小数,但在进行算术计算时其精确度远远不如整数。

例如,0.1 加0.2的结果不是0.3,而是0.30000000000000004。

2、NaN

NaN,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数 未返回数值的情况(这样就不会抛出错误了)。

NaN 本身有两个非同寻常的特点。

首先,任何涉及NaN 的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。

其次,NaN 与任何值都不相等,包括NaN 本身。

alert(NaN == NaN); //false

3、isNaN()

isNaN()函数。这个函数接受一个参数,该参数可以是任何类型,而函数会确定这个参数是否“不是数值”

isNaN()在接收到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值。任何不能被转换为数值的值都会导致这个函数返回true。

isNaN(参数)==true //参数不是数值

isNaN(参数)==false //参数是数值

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

4、数值转换

1)Number()

可以用于任何数据类型

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

  • Boolean 值,true 和false 将分别被转换为1 和0。

    var num = Number(true); //1

    var num = Number(false); //0

  • 数字值,只是简单的传入和返回。

  • null 值,返回0。

    var num = Number(null); //0

  • undefined,返回NaN。

    var num = Number(undefined); //NaN

  • 字符串,遵循下列规则:

    • 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1"会变成1,"123"会变成123,而"011"会变成11(注意:前导的零被忽略了);

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

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

    • 如果字符串是空的(不包含任何字符),则将其转换为0;

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

    var num = Number(000011); //11

    var num1 = Number("Hello world!"); //NaN

    var num2 = Number(""); //0

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

2)parseInt(num, 基数)

用于把字符串转换成数值。

第二个参数不填,默认是10。(十进制)

  • 忽略字符串前面的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号,parseInt()就会返回NaN;

    parseInt(""); //NaN

    parseInt("aaaa111"); //NaN

    parseInt(" 111"); //111

  • 如果第一个字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。

    parseInt("1234blue"); //1234

    parseInt("12.34"); //12

3)parseFloat(num)

用于把字符串转换成数值。它始终都会忽略前导的零。只解析十进制值。

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类型

1、含义

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

2、toString()

null 和undefined 值没有这个方法。

var num = 10;

alert(num.toString()); // "10"

let a ={}; a.toString();//"[object Object]"

3、String()

能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

如果值有toString()方法,则调用该方法(没有参数)并返回相应的结果;

如果值是null,则返回"null";

如果值是undefined,则返回"undefined"。

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;
alert(String(value1)); // "10"
alert(String(value2)); // "true"
alert(String(value3)); // "null"
alert(String(value4)); // "undefined"  

五、Object类型

对象其实就是一组数据和功能的集合。对象可以通过执行new 操作符后跟要创建的对象类型的名称来创建。

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

  • constructor:保存着用于创建当前对象的函数。
  • hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。
  • isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型。
  • propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用for-in 语句
  • toLocaleString():返回对象的字符串表示,该字符串与执行环境的地区对应
  • toString():返回对象的字符串表示。
  • valueOf():返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。
let a ={};
a.toString();// "[object Object]"

let b = {"c":1};
b.toString();// "[object Object]"
b.valueOf(); // {"c":1}