首页 > 语言 > JavaScript > 正文

javascript检测两个数组是否相似

2024-05-06 16:20:36
字体:大 中 小
来源:转载
供稿:网友

Javascript不能直接用==或者===来判断两个数组是否相等,无论是相等还是全等都不行,要判断JS中的两个数组是否相同,需要先将数组转换为字符串,再作比较。

JS要比较两个数组是否有相同的元素,即两个数组所有元素都相同,但元素的顺序不一定一致。只就需要先将数组进行排序,再比较两个数组是否相等。

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
  5. <title>js 检测两个数组是否相似</title> 
  6. </head> 
  7. <body> 
  8. <script> 
  9. //数组中的成员类型相同,顺序可以不同。例如[1, true] 与 [false, 2]是相似的。 
  10. //数组的长度一致。 
  11. //类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window. 
  12. function arraysSimilar(arr1, arr2){ 
  13. //判断边界 
  14. if (!(arr1 instanceof Array) || !(arr2 instanceof Array)) { 
  15. return false; 
  16. } 
  17.  
  18. //判断长度 
  19. if (arr1.length != arr2.length) return false; 
  20.  
  21. var i = 0, n = arr1.length, countMap1 = {}, countMap2 = {}, t1, t2, TYPES = ['string', 'boolean', 'number', 'undefined', null, 'function', 'date', 'window']; 
  22.  
  23. for ( ; i < n; i++) { 
  24. t1 = typeOf(arr1[i]); 
  25. t2 = typeOf(arr2[i]); 
  26. if (countMap1[t1]) { 
  27. countMap1[t1] ++; 
  28. }else{ 
  29. countMap1[t1] = 1; 
  30. } 
  31. if (countMap2[t2]) { 
  32. countMap2[t2] ++; 
  33. }else{ 
  34. countMap2[t2] = 1; 
  35. } 
  36. } 
  37.  
  38. function typeOf(ele){ 
  39. var r; 
  40. if (ele === null) r = 'null'; 
  41. else if(ele instanceof Array) r = 'array'; 
  42. else if(ele === window) r = 'window'; 
  43. else if(ele instanceof Date) r = 'date'; 
  44. else r = typeof ele; 
  45. return r; 
  46.  
  47. } 
  48.  
  49. for (i = 0; i < TYPES.length; i++) { 
  50. if (countMap1[TYPES[i]] != countMap2[TYPES[i]]) return false; 
  51. } 
  52.  
  53. return true; 
  54. } 
  55.  
  56. document.write(arraysSimilar([1,true], [false, 2])); 
  57. </script> 
  58. </body> 
  59. </html> 

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选