前端常见的基本数据类型

摘要JavaScript 有 5 种简单基本数据类型本篇结合思维导图梳理 number、string、boolean、undefined、null 核心知识点适合前端入门复习。一、前言JS 的基本数据类型也叫原始值类型日常写代码处处都会用到。把这几个基础类型搞懂能避开很多隐式转换、判断的坑。本文整理思维导图中的重点快速回顾每个类型的特性。二、Number 数字类型number代表数字既可以是整数也可以是小数。分类整数、小数、正负无穷、NaN(非数字)。重点NaNNaN是一个特殊值代表不是一个数字。判断方法isNaN()如果传入的内容不是数字返回true如果是正常数字返回false。注意NaN本身不等于任何值包括它自己所以判断是不是 NaN 必须用isNaN()。console.log(isNaN(123)); // false是数字 console.log(isNaN(abc)); // true不是数字三、String 字符串类型字符串就是文本JS 有三种写法单引号、双引号、反引号。核心特点length 属性直接获取字符串的字符长度。let str hello; console.log(str.length); // 5拼接规则字符串任意类型结果永远是新字符串。这里会触发隐式类型转换。console.log(123 456); // 123456数字被转成字符串拼接小坑只要加号一边是字符串就走字符串拼接不是数学加法。四、Boolean 布尔值布尔只有两个值true真、false假。在和数字运算时会发生隐式转换true等价于数字1false等价于数字0console.log(true 1); // 2 console.log(false 1); // 1五、Undefined 未定义含义变量已经声明但是没有赋值。let a; console.log(a); // undefined变量只声明不赋值默认就是undefined。六、Null 空值null代表人为手动把变量设置为空。let b null;区分 undefined 和 null undefined自己没赋值JS 自动给的 null程序员手动设置表示空对象占位。七、小结类型说明number数字包含 NaN 特殊值string文本三种引号length 取长度 拼接boolean只有 true/false运算转 1/0undefined变量声明未赋值null手动赋值为空小提醒JS 原始类型会经常发生隐式转换比如布尔转数字、数字转字符串写代码的时候要特别注意号和判断条件。结尾基础数据类型是 JS 的地基很多 bug 根源都是对类型理解不清。后续还会继续学习引用类型对象、数组对比原始类型加深理解。