欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

数组的方法

程序员文章站 2022-03-03 21:55:19
...
    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7.     <title>数组的方法</title>
    8. 

  8. </head>
    9. 

  9. <body>
    10. 

    11. 

  11. <script>
    12. 

    13. 

  13. //toString  据所传递的参数把数值转换为对应进制的数字符串
    14. 

  14.      var a = 32;
    15. 

  15.         console.log(a.toString(2));  //返回字符串100000
    16. 

  16.         console.log(a.toString(4));  //返回字符串200
    17. 

  17.         console.log(a.toString(16));  //返回字符串20
    18. 

  18.         console.log(a.toString(30));  //返回字符串12
    19. 

  19.         console.log(a.toString(32));  //返回字符串10
    20. 

    21. 

  21.     var arr = [1,2,3,4];
    22. 

  22.        var count=arr.push("e","f");   //  push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。 
    23. 

  23.            console.log(arr);     // 输出 1,2,3,4，e，f 
    24. 

  24.            console.log(count);    // 输出 6 (此时数组长度为6)
    25. 

    26. 

  26.        var item=arr.pop();     //  pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。
    27. 

  27.            console.log(item);  //   输出字母  f
    28. 

  28.            console.log(arr);   // 输出  1, 2, 3, 4, 'e'
    29. 

    30. 

  30. //join() 方法也可将所有数组元素结合为一个字符串
    31. 

  31.        var arr1 = [1,2,3,4];    
    32. 

  32.            console.log(arr1.join());// 正常输出数组
    33. 

  33.            console.log(arr1.join("-"));  //加入连接符号 输出1-2-3-4
    34. 

    35. 

  35. //位移元素shift(), unshift()
    36. 

  36.         var arr = ["c","d","e","f"];
    37. 

  37.            var count = arr.unshift("a","b");// 将a,b添加到原数组开头
    38. 

  38.            console.log(count);// 输出数组长度 6
    39. 

  39.            console.log(arr);//  输出  数组 a - f
    40. 

    41. 

  41.            var item = arr.shift();//删除原数组第一项 ,此时数组为上面输出后的数组，即数组 a - f，
    42. 

  42.            console.log(item);// 输出 a ,为 shift 后
    43. 

  43.            console.log(arr); // 输出删除第一项后数组为“b - f”
    44. 

    45. 

  45. //拼接数组splice(),
    46. 

  46.         var a = ["g","j","k","l","m","n"];
    47. 

  47.         var b = a.splice(2,2);//从第二位开始截取两个元素
    48. 

  48.             console.log(a);// 输出 g,j,m,n
    49. 

  49.             console.log(b);// 输出 k,l  
    50. 

    51. 

  51.         var a = ["g","j","k","l","m","n"];
    52. 

  52.         var b = a.splice(2,2,6,7,8);//从第二位开始截取两个元素,并且新插入三个元素 6,7,8
    53. 

  53.             console.log(a);// 输出 g,j,6,7,8，m,n
    54. 

  54.             console.log(b);// 输出 k,l  
    55. 

    56. 

  56. //裁剪数组slice()
    57. 

  57.         var c=[10,19,20,29,30,39]
    58. 

  58.         var d=c.slice(3,5);//（3,5）表示从第三个元素开始截取，截取3,4，两个元素，到第五个元素截止，且不被放就新数组
    59. 

  59.             console.log(d);            
    60. 

    61. 

  61. //    合并（连接）数组concat() 
    62. 

  62.         var e = [2,3,4,5,6];
    63. 

  63.         var f=e.concat(3,4);//将3,4,合并到数组 e 中
    64. 

  64.             console.log(f);//输出2, 3, 4, 5, 6, 3, 4
    65. 

    66. 

  66.         //数组Array的迭代(遍历)方法      " foreach / map / filter / every  格式为(function(item, index, arr))" 
    67. 

  67. //forEach()  对数组的每一项运行给定函数，该方法没有返回值
    68. 

  68.         var  arr= [1,2,3,4,5];
    69. 

  69.         arr.forEach(function(item,index,array){
    70. 

  70.            return item;
    71. 

  71.         })
    72. 

    73. 

  73.         console.log(arr);
    74. 

    75. 

  75. //map()  将函数的返回值,存放到新的数组中,在循环结束后 返回 (会根据函数的返回值 形成新的数组)
    76. 

  76.         var list = arr.map(function(item, index, array) {
    77. 

  77.              return item + 10; // 如果没有设置返回值,则返回undefined
    78. 

  78.             });
    79. 

    80. 

  80.             console.log(list);
    81. 

    82. 

  82. //filter()函数一般返回一个条件(如果不返回条件  会将返回的值转化为布尔值找布尔值为true的),把满足条件的元素 筛选出来放到新数组
    83. 

  83.         var list = arr.filter(function(item, index, array) {
    84. 

  84.              return item > 2; //如果元素大于2(满足条件)则将该元素放在新数组里
    85. 

  85.             });
    86. 

    87. 

  87.             console.log(list);
    88. 

    89. 

  89. //every() 函数一般返回一个条件(如果不返回条件  会将返回的值转化为布尔值),全都满足条件,则返回true  有一个不满足返回false           
    90. 

  90.         var flag = arr.every(function(item, index, arr) {
    91. 

  91.             return item > 4;
    92. 

  92.             });
    93. 

    94. 

  94.             console.log(flag);
    95. 

    96. 

  96. //reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值
    97. 

  97.         var f = [4,5,6,7,8,9,];
    98. 

  98.             var sun=f.reduce(function(pre,cur,index,arr){
    99. 

  99.                 return pre+cur;
    100. 

  100.             })
    101. 

    102. 

  102.              console.log(sun);
    103. 

    104. 

  104. //indexOf() 方法在数组中搜索元素值并返回其位置，IndexOf从前往后找第一个item，找到就返回索引值，Array.lastIndexOf()从后往前找第一个item
    105. 

  105.              var g = f.indexOf(9)//查找元素9
    106. 

  106.              console.log(g);//返回数字 9 的 位置。
    107. 

    108. 

  108.              var g = f.lastIndexOf(5);//查找元素5
    109. 

  109.              console.log(g);//返回数组中 5 的位置  1
    110. 

    111. 

  111. //find()方法用于查找数组中符合条件的第一个元素，如果没有符合条件的元素，则返回undefined,    findIndex()方法用于找到数组中第一个符合条件的元素的下标，如果所有成员都不符合条件，则返回-1
    112. 

  112.              var arr = [1,2,3,4,5];
    113. 

  113.              var num = arr.find(arr => arr > 1); 
    114. 

  114.                console.log(num)//输出 2 
    115. 

    116. 

  116.              var num = arr.findIndex(arr => arr > 1);
    117. 

  117.              console.log(num);// 输出 1
    118. 

  118. </script>
    119. 

    120. 

  120. </body>
    121. 

  121. </html>
    122.

数组的方法

上一篇： HTML提供了几种列表模式

下一篇： 点击弹出球

推荐阅读