美文网首页
JavaScript数据类型

JavaScript数据类型

作者: 箩篼 | 来源:发表于2018-11-02 11:36 被阅读0次

JS中数据类型分为两大类

  • 基本数据类型(5种):
    String 字符串类型
    Number 数值类型
    Boolean 布尔类型
    Null 空值类型
    Undefined 未定义类型
  • 引用类型(1种)
    Object 对象类型

如何查看数据类型

  • 使用typeof操作符可以用来检查数据类型
  • 格式:typeof 数据 或 typeof (数据)例如:
console.log(typeof 1);   //number
console.log(typeof (1)); //number
var xxx = 234;
console.log(typeof xxx); //number
console.log(typeof (xxx));//number
  • typeof操作符会将检查的结果以字符串的形式返回给我们
var res = typeof 222;
console.log( typeof res); //string

Number类型

  • 在JS中所有的数字类型都统称为Number类型, 没有C语言中int/float/double的概念
    var num1 = 3;
    console.log(typeof num1);   //number
    var num2 = 3.14;
    console.log(typeof num2);   //number
    console.log(typeof 666);    //number
  • 如何获取Number类型的取值范围
    console.log(Number.MAX_VALUE);  //最大值
    console.log(Number.MIN_VALUE);  //最小值
    console.log(Number.MAX_VALUE + Number.MAX_VALUE);  //Infinity 无穷大
    console.log(-(Number.MAX_VALUE + Number.MAX_VALUE));  //-Infinity 无穷小

注意点:Number类型小数的运算可能得到一个不准确的结果

var sum1 = 10.1 + 21.1;
console.log(sum1); // 31.200000000000003

String类型

格式一:'字符串’(单引号)

var str1 = 'luodou';
console.log(typeof str1);

格式二:"字符串"(双引号)

var str2 = "luodou";
console.log(typeof str2);

格式三:引号嵌套
在JS中单引号和双引号可以嵌套

var str3 = "'luodou'"; //'luodou'
console.log(str3);
var str4 = '"luodou"';  //"luodou"
console.log(str4);

不同类型可以嵌套, 相同类型不能嵌套
错误写法

// var str3 = ""lll""; // 错误写法
// var str3 = ''lll''; // 错误写法

Boolean 布尔类型

  • 布尔型只能够取真(true)和假(false)两种数值
var flag1 = true;
var flag2 = false;
console.log(flag1); //true
console.log(flag2); //false
  • 虽然Boolean 类型的字面值只有两个,但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值(但是也有非零即真的概念, 但是本质是底层做了一次自动类型转换或者我们手动转换)
    • 任何非零数值都是true, 包括正负无穷大, 只有0和NaN是false
    • 任何非空字符串都是true, 只有空字符串是false
    • 任何对象都是true, 只有null和undefined是false
var bool3 = Boolean(0);
console.log(bool3); // false
var bool4 = Boolean(1);
console.log(bool4); // true
var bool5 = Boolean(-1);
console.log(bool4); // true
var bool6 = Boolean(Infinity);
console.log(bool4); // true
var bool7 = Boolean(-Infinity);
console.log(bool4); // true
var bool8 = Boolean(NaN);
console.log(bool8); // false
var bool9 = Boolean(undefined);
console.log(bool8); // false
var bool10 = Boolean(null);
console.log(bool8); // false
var bool11 = Boolean("");
console.log(bool8); // false
var bool12 = Boolean("abc");
console.log(bool12); // true

Null和Undefined

  • Null和Undefined这两个类型都代表数据是空的
  • Undefined这是一种比较特殊的类型,表示变量未赋值,这种类型只有一种值就是undefined
  • undefined是Undefined类型的字面量
    • 前者undefined和10, "abc"一样是一个常量
    • 后者Undefined和Number,Boolean一样是一个数据类型
    • 需要注意的是typeof对没有初始化和没有声明的变量都会返回undefined
    var res0 = undefined;
    console.log(res0); //undefined
    var res00;
    console.log(res00);//undefined
  • Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null
  • null需要手动设置, 代表是一个空对象
  • 从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object
  • undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回true
    var res1 = undefined == null;
    console.log(res1);  //true
    var res2 = undefined === null;
    console.log(res2);  //false

在JS中有两个用于比较是否相等的关系运算符

  • == 判断左右两侧的值是否相等
  • === 判断左右两侧的数据类型是否相等
 // 会自动将字符串转换为Number类型后再判断值是否相等
    var res3 = 123 == "123";
    console.log(res3); // true
    // 不会自动转换, 会取出123的类型和"123"的类型进行比较
    var res4 = 123 === "123";
    console.log(res4); // false

相关文章

网友评论

      本文标题:JavaScript数据类型

      本文链接:https://www.haomeiwen.com/subject/ebeqxqtx.html