1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>js数组方法</title>
  5. </head>
  6. <body>
  7. <script>
  8. var colors=['red','green','blue','yellow','white','black']
  9. var arr = [9,8,77,16,54,4,3,2,1]
  10. // toString()把数组转换为字符串
  11. //var arr1=arr.toString()
  12. //document.write(typeof (arr1))
  13. //join()将数组元素结合为一个字符串 并以指定分隔符隔开
  14. //document.write(arr.join("-"))
  15. //pop()从数组中删除最后一个元素
  16. //document.write(colors.pop())
  17. //document.write(colors)
  18. //push() 方法(在数组结尾处)向数组添加一个新的元素
  19. //document.write(colors.push('orange'))//值为新数组的长度
  20. //document.write(colors)
  21. //shift() 方法删除首个数组元素 删除后不占用空间,返回值为被移除的字符串
  22. //document.write(colors.shift())
  23. //document.write(colors.length)
  24. //unshift() 像数组开头添加新元素 返回值为新数组长度
  25. //document.write(colors.unshift('orange'))
  26. //document.write(colors)
  27. //splice(2,0,'orange','pink')向数组添加新项
  28. //[2]代表下标
  29. //0代表要删除多少个元素
  30. //其余参数为定义要新添加的元素
  31. //var newcolors=colors.splice(3,1,'orange','pink')
  32. //document.write(newcolors)
  33. //concat()连接现有数组创建一个新数组 可以连接多个数组
  34. //document.write(colors.concat(arr))
  35. //slice(start,end) 截取某部分数组(包含start但不包含end)
  36. //document.write(colors.slice(1,4))
  37. //sort() 数组排序 以字母顺序对数组进行排序
  38. //升序
  39. // function up(a,b){
  40. // return a-b
  41. // }
  42. // document.write(arr.sort(up))
  43. //降序
  44. // function down(a,b) {
  45. // return b-a
  46. // }
  47. // document.write(arr.sort(down))
  48. //以随机顺序排序
  49. // function rand(a,b){
  50. // return 0.5-Math.random()
  51. // }
  52. // document.write(arr.sort(rand))
  53. //forEach为每一个数组元素调用一次函数
  54. // var sum=''
  55. // arr.forEach(add)
  56. // function add(a){
  57. // sum= sum+a+'<br>'
  58. // }
  59. // document.write(sum)
  60. //map()方法通过对每个数组元素执行函数来创建新数组。 不会对没有值的数组元素执行函数 不会更改原始数组
  61. //var cf=arr.map(fn)
  62. //function fn(a){
  63. // return a*2
  64. // }
  65. // document.write(cf)
  66. // filter() 方法创建一个包含通过测试的数组元素的新数组。
  67. // var xx=arr.filter(fn)
  68. //function fn(a) {
  69. // return a>=10
  70. // }
  71. // document.write(xx)
  72. // reduce() 方法在每个数组元素上运行函数,以生成(减少它)单个值。从左到右运行 不会减少原始数组 (不懂)
  73. //every() 方法检查所有数组值是否通过测试。 值为布尔型 只要有一个不符合就为假false
  74. // var xx=arr.every(fn)
  75. // function fn(a) {
  76. // return a>=10
  77. // }
  78. // document.write(xx)
  79. //some() 方法检查某些数组值是否通过了测试。 值为布尔型 只要有一个符合就为假ture 同上
  80. //indexOf() 方法在数组中搜索元素值并返回其索引位置
  81. //document.write(colors.indexOf("black"))
  82. // document.write(colors.lastIndexOf('black'))
  83. //find() 方法返回通过测试函数的第一个数组元素的值。
  84. // var bb= arr.find(fn)
  85. // function fn(a) {
  86. // return a >= 10
  87. // }
  88. // document.write(bb)
  89. // //findIndex() 方法返回通过测试函数的第一个数组元素的索引。
  90. // var bb= arr.findIndex(fn1)
  91. // function fn1(a) {
  92. // return a >= 10
  93. // }
  94. // document.write(bb)
  95. // JsoN格式
  96. // var obj={'name':'xh',
  97. // 'age':26,
  98. // 'sex':'male'
  99. // }
  100. // document.write(obj.name)
  101. </script>
  102. </body>
  103. </html>

更多相关文章

  1. js 实现数组排序 获取最大值,最小值,翻转
  2. 数组方法和对象模拟数组的方法
  3. js对象模拟数组
  4. JavaScript 实现简单数组排序,翻转,取较大值和较小值
  5. md5加密与数组函数
  6. 前端基础,伸缩盒布局小案例及总结
  7. 基本布局和块状元素
  8. Python的set集合详解
  9. 为什么说for...of是JS中的一颗宝石

随机推荐

  1. Android Studio升级3.2以后 Androidx 异
  2. Android密码明文密文切换
  3. Android启动过程之SystemServer
  4. android百度地图标记点代码
  5. Android原始XML的读写操作
  6. Android _Android登录对话框实现(1)
  7. Android系统启动-SystemServer下篇
  8. Android涉及到的设计模式
  9. Android中遍历文件夹、比较文件类型测试
  10. Android的手机震动