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

js数组方法

程序员文章站 2022-03-03 22:33:07
...
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <title>js数组方法</title>
    5. 

    6. 

    7. 

    8. 

  8. </head>
    9. 

  9. <body>
    10. 

  10. <script>
    11. 

  11.     var colors=['red','green','blue','yellow','white','black']
    12. 

  12.     var arr = [9,8,77,16,54,4,3,2,1]
    13. 

    14. 

    15. 

  15.     // toString()把数组转换为字符串
    16. 

  16.      //var arr1=arr.toString()
    17. 

  17.     //document.write(typeof (arr1))
    18. 

    19. 

    20. 

  20.     //join()将数组元素结合为一个字符串 并以指定分隔符隔开
    21. 

  21.     //document.write(arr.join("-"))
    22. 

    23. 

    24. 

  24.     //pop()从数组中删除最后一个元素
    25. 

  25.     //document.write(colors.pop())
    26. 

  26.     //document.write(colors)
    27. 

    28. 

    29. 

  29.     //push() 方法（在数组结尾处）向数组添加一个新的元素
    30. 

  30.     //document.write(colors.push('orange'))//值为新数组的长度
    31. 

  31.     //document.write(colors)
    32. 

    33. 

    34. 

  34.     //shift() 方法删除首个数组元素 删除后不占用空间，返回值为被移除的字符串
    35. 

  35.     //document.write(colors.shift())
    36. 

  36.     //document.write(colors.length)
    37. 

    38. 

    39. 

  39.     //unshift() 像数组开头添加新元素 返回值为新数组长度
    40. 

  40.     //document.write(colors.unshift('orange'))
    41. 

  41.     //document.write(colors)
    42. 

    43. 

    44. 

  44.     //splice(2,0,'orange','pink')向数组添加新项
    45. 

  45.      //[2]代表下标
    46. 

  46.     //0代表要删除多少个元素
    47. 

  47.     //其余参数为定义要新添加的元素
    48. 

  48.      //var newcolors=colors.splice(3,1,'orange','pink')
    49. 

  49.       //document.write(newcolors)
    50. 

    51. 

  51.     //concat()连接现有数组创建一个新数组 可以连接多个数组
    52. 

  52.     //document.write(colors.concat(arr))
    53. 

    54. 

  54.     //slice(start，end) 截取某部分数组(包含start但不包含end)
    55. 

  55.      //document.write(colors.slice(1,4))
    56. 

    57. 

    58. 

  58.     //sort() 数组排序 以字母顺序对数组进行排序
    59. 

  59.     //升序
    60. 

  60.     // function up(a,b){
    61. 

  61.     //     return a-b
    62. 

  62.     // }
    63. 

  63.     //  document.write(arr.sort(up))
    64. 

  64.     //降序
    65. 

  65.     //   function down(a,b) {
    66. 

  66.     //       return b-a
    67. 

  67.     //   }
    68. 

  68.     // document.write(arr.sort(down))
    69. 

  69.     //以随机顺序排序
    70. 

  70.     //  function rand(a,b){
    71. 

  71.     //     return 0.5-Math.random()
    72. 

  72.     //  }
    73. 

  73.     // document.write(arr.sort(rand))
    74. 

    75. 

    76. 

  76.     //forEach为每一个数组元素调用一次函数
    77. 

  77.    //  var sum=''
    78. 

  78.    //  arr.forEach(add)
    79. 

  79.    //  function add(a){
    80. 

  80.    //      sum= sum+a+'<br>'
    81. 

  81.    //  }
    82. 

  82.    // document.write(sum)
    83. 

    84. 

    85. 

    86. 

  86.     //map()方法通过对每个数组元素执行函数来创建新数组。  不会对没有值的数组元素执行函数   不会更改原始数组
    87. 

  87.     //var cf=arr.map(fn)
    88. 

  88.     //function fn(a){
    89. 

  89.      //  return  a*2
    90. 

  90.    // }
    91. 

  91.    // document.write(cf)
    92. 

    93. 

    94. 

  94.     // filter() 方法创建一个包含通过测试的数组元素的新数组。
    95. 

  95.    // var xx=arr.filter(fn)
    96. 

  96.     //function fn(a) {
    97. 

  97.    //     return a>=10
    98. 

  98.    // }
    99. 

  99.    // document.write(xx)
    100. 

    101. 

    102. 

  102.     // reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。从左到右运行  不会减少原始数组 （不懂）
    103. 

    104. 

    105. 

  105.     //every() 方法检查所有数组值是否通过测试。 值为布尔型 只要有一个不符合就为假false
    106. 

  106.     // var xx=arr.every(fn)
    107. 

  107.     // function fn(a) {
    108. 

  108.     //      return a>=10
    109. 

  109.     //  }
    110. 

  110.     //  document.write(xx)
    111. 

    112. 

    113. 

  113.     //some() 方法检查某些数组值是否通过了测试。 值为布尔型 只要有一个符合就为假ture 同上
    114. 

    115. 

    116. 

  116.     //indexOf() 方法在数组中搜索元素值并返回其索引位置
    117. 

  117.     //document.write(colors.indexOf("black"))
    118. 

    119. 

  119.     // document.write(colors.lastIndexOf('black'))
    120. 

    121. 

    122. 

  122.     //find() 方法返回通过测试函数的第一个数组元素的值。
    123. 

  123.     //   var bb= arr.find(fn)
    124. 

  124.     // function fn(a) {
    125. 

  125.     //     return a >= 10
    126. 

  126.     // }
    127. 

  127.     // document.write(bb)
    128. 

  128.     // //findIndex() 方法返回通过测试函数的第一个数组元素的索引。
    129. 

  129.     // var bb= arr.findIndex(fn1)
    130. 

  130.     // function fn1(a) {
    131. 

  131.     //     return a >= 10
    132. 

  132.     // }
    133. 

  133.     // document.write(bb)
    134. 

    135. 

    136. 

    137. 

  137.     //   JsoN格式
    138. 

  138.   //   var obj={'name':'xh',
    139. 

  139.   //            'age':26,
    140. 

  140.   //            'sex':'male'
    141. 

  141.   //   }
    142. 

  142.   // document.write(obj.name)
    143. 

    144. 

  144. </script>
    145. 

    146. 

  146. </body>
    147. 

  147. </html>
    148.

上一篇： JS实现冒泡排序

下一篇： JS,CSS HTML 简单开心日历

推荐阅读