一、汇总表格
二、4种方式说明
1、typeof
对于原始类型:除了null其它都可以显示正确
对于对象的话:除了function 其它均显示为 “object”
2、 instanceof : 内部机制是通过原型链来判断的 方法是 a instanceof b (a是不是b的实例)
针对于对象:可以很明显的区分Array、Date、regExp,但是他们都是Object的实例。所以,instanceof 最好是用来判断两个对象是否属于实例关系, 而不是判断一个对象实例具体属于哪种类型。
3、constructor a.constructor===Function / Symbol / String / Number / Boolean / Object / RegExp / Date
对于原始类型:无法处理null、undefined(这两个会报错)
对于对象:均可以判断
函数的 constructor 是不稳定的,这个主要体现在自定义对象上,当开发者重写 prototype 后,原有的 constructor 引用会丢失,constructor 会默认为 Object
4、 toString
toString() 是 Object 的原型方法,调用该方法,默认返回当前对象的 [[Class]] 。这是一个内部属性,其格式为 [object Xxx] ,其中 Xxx 就是对象的类型。
对于 Object 对象,直接调用 toString() 就能返回 [object Object] 。而对于其他对象,则需要通过 call / apply 来调用才能返回正确的类型信息。
可以判断所有类型: Object.prototype.toString.call(xxx) 对向的话可以直接使用 Object.toString(obj)
三、整理一个可以判断任意数据类型的方法
注意:在es6中用class定义类的时候,通过typeof判断出的结果是Function,而通过Object.toString判断的结果是Object。js中class应该是Function类型,所以这点需要注意。
function getType(para) { //判断任意数据类型
const type = typeof para
if (type === "number" && isNaN(para)) return "NaN"
if (type !== "object") return type
return Object.prototype.toString
.call(para)
.replace(/[\[\]]/g, "")
.split(" ")[1]
.toLowerCase()
}
四、小结
js中数据类型判断的方式有4种:typeof、instance、constructor、toString,typeof简单方便,比较适合原始类型判断,toString繁琐一点但是判断全面,所以这两个的结合判断我是比较推荐的。
基本数据类型(按值访问):Undefined 、 Null 、 Boolean 、 Number 和 String
引用数据类型(按引用访问):object、Array、function
typeof(检测基本数据类型时 typeof 是非常得力的助手)可以返回以下6种类型:undefined 、 boolean 、 number 、string、object(对象和null都是object类型)、function
instanceof(用于检测引用类型):所有引用类型的值都是 Object 的实例,person(引用类型值) instanceof Object永远都是true。
要知道是什么类型的对象,使用instanceof 操作符接上想要判断的类型,例如colors instanceof Array。
基本数据类型复制:复制的是该变量的副本,这两个变量可以参与任何操作而不会相互影响
引用数据类型复制:复制的是该变量的指针,该指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一 个变量
传参:基本类型和引用类型全部是按值传递,相当于把参数复制一份给到function的局部变量
为了便于操作基本类型值,ECMAScript 还提供了 3 个特殊的引用类型: Boolean 、 Number 和
String 。
Number 类型重写了 valueOf() 、 toLocaleString() 和 toString()方法。除了继承的方法之外, Number 类型还提供了一些用于将数值格式化为字符串的方法。 toFixed() 方法会按照指定的小数位返回数值的字符串表示。
String 对象的方法也可以在所有基本的字符串值中访问到。其中,继承的 valueOf() 、 toLocale-String() 和 toString() 方法,都返回对象所表示的基本字符串值。String 类型的每个实例都有一个 length 属性。
字符方法:两个用于访问字符串中特定字符的方法是: charAt() 和 charCodeAt() 。
var stringValue = "hello world"
alert(stringValue.charAt(1))//"e"
alert(stringValue.charCodeAt(1))// 输出"101",小写字母 "e" 的字符编码
字符串操作方法
1、concat:拼接字符串,可接收任意多字符串,不改变原字符串值,虽然 concat() 是专门用来拼接字符串的方法,但实践中使用更多的还是加号操作符(+)。
var stringValue = "hello "
var result = stringValue.concat("world", "!")
alert(result)//"hello world!"
alert(stringValue)//"hello"
2、三个基于子字符串创建新字符串的方法: slice() 、 substr() 和 substring() 。都接收1或2个参数。
slice() 、substring()在接收正数参数时,第一个参数是字符串截取的起始位置,第二个是字符串结束位置。
substr()在接收正数参数时,第一个参数同上,第二个参数是截取长度。
当第一个参数为负数的时候,slice()和substr()按照参数+字符串长度结果来截取;substring()将负参数转换为0;
当第二个参数为负数的时候,slice()按照参数+字符串长度结果来截取;substr()和substring()将负参数转换为0;
3、字符串位置方法:有两个可以从字符串中查找子字符串的方法: indexOf() 和 lastIndexOf()
4、trim():删除字符串前后空格,不改变原字符串值
5、字符串大小写转换方法
字符串大小写转换的方法有 4 个: toLowerCase() 、 toLocaleLowerCase() 、 toUpperCase() 和toLocaleUpperCase() 。
6、字符串的模式匹配方法
match() 方法只接受一个参数,要么是一个正则表达式,要么是一个 RegExp 对象。返回数组。
search()参数同上。返回要查找的在字符串中第一次出现的位置。
字符串替换:var result = text.replace("at", "ond")
7、localeCompare() 方法
var stringValue = "yellow"
alert(stringValue.localeCompare("brick"))//1
在前面返回1,同样位置返回0,在后面返回-1