JavaScript如何比较两个数组的内容是否相同

JavaScript010

JavaScript如何比较两个数组的内容是否相同,第1张

Javascript不能直接用==或者===来判断两个数组是否相等,无论是相等还是全等都不行,以下两行JS代码都会返回false<script type="text/javascript">alert([]==[])alert([]===[])</script>要判断JS中的两个数组是否相同,需要先将数组转换为字符串,再作比较。以下两行代码将返回true<script type="text/javascript">alert([].toString()== [].toString())alert([].toString()===[].toString())</script>JS要比较两个数组是否有相同的元素,即两个数组所有元素都相同,但元素的顺序不一定一致。只就需要先将数组进行排序,再比较两个数组是否相等。试比较以下两行代码:<script type="text/javascript">alert([1,2,3].toString()== [3,2,1].toString())alert([1,2,3].sort().toString()== [3,2,1].sort().toString())</script>

1、[] ==[] 因为数组是引用类型的,两个数组的引用不可能相等,所以值为false 2、'0.00' == 0 数字型字符串与纯数字之间的比较,js会将字符串转换成数字再作比较,转换后的结果是 0.00 == 0 ,所以值为false。 3、'0'<1 同上,字符串转换成数字 0 <1 ,所以值为false 4、'abc' == 0 这里的字符串'abc'不是数字型字符串,无法转换成数字,将这种类型的字符串与数字做比较时,会先转换成NaN,所以值为false 5、'11'<'2' 两个数字型字符串之间的比较,进行这种比较时会依次取每个字符转换成ASCII码进行比较,因为'1'的ASCII码小于'2',后面就不用再往下进行比较了。 6、1 == true'1' == true'2' == true1为true,0为false 这是众所周知的,所以1 == true的值为true。 在js中,字符串和布尔值进行比较的时候,会把布尔值转化成数字类型。所以'1' == true的比较会转换成'1' == 1,值也是为true的。'2' == true的比较会转换成'2' == 1,值必然为false。 但是,!!'2' == true 返回的是true,因为用两个非符号 !! 可以把非空字符串转换成true。 7、== 与 ===的区别 在js中,==表示相等(值相等),===表示恒等(值和类型都要相等)。在用==比较时如果被比较的两者类型不同,会先做类型转换再判断值得大小,如果是===类型和值必须都相等。

JS 中有四种方式判断数据类型,它们分别是: typeof 、 instanceof 、 constructor 、 Object.prototype.toString 。

在 ES5 中,新增了几种方式可以用来进行数组的判断,它们是 Object.prototype.isPrototypeOf 、 Array.isArray 和 Object.getPrototypeOf 。

很遗憾,对于任何引用类型的数据(包括 null ), typeof 统一返回 Object 字符串,所以不能用它来判断 JS 中的数组。

于是可以通过 instanceof 检测数据的原型链中是否存在 Array 构造函数来判断数据是否是数组。

对象实例有一个 constructor 属性, constructor 指向对象实例的构造函数。于是,我们可以通过判断数据的 constructor 是否为 Array 构造函数即可。

要注意: constructor 是可以被修改的,所以这种判断方式不可靠。

toString 可以用于检测对象的类型,它返回一个字符串。为了每个对象都能通过 Object.prototype.toString 来判断,需要借助函数的 call 或者 apply 方法。

这个方法没什么好说的,直接调用即可,会返回一个布尔值。

根据 ES5 新增的这个方法,我们可以把数组的原型对象与需要判断对象的原型进行比较,如果两者是全等关系,那么可以认为它是数组。

借用 ES5 新增的 isPrototypeOf 方法,可以直接了当的通过 Array 调用来判断目标数据是否是数组类型。

ES5 新增的两种方法都与原型链有关,理解并掌握原型相关内容还是判断数组的关键。方便理解与记忆的话,可以把 isArray 和 isPrototypeOf 放在一起,他们返回的都是布尔值,并且用途也相似。

getPrototypeOf 方法则是用来找到被检测数据的原型,拿到原型后还要与 Array.prototype 进行比较。