07-arr.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <script>
  8. // 数组在js中不是大括号 而是中括号
  9. var arr = [1, 2, 3]
  10. console.log(arr[0])
  11. console.log(arr[1])
  12. console.log(arr[2])
  13. console.log(arr[3]) // 报错还是其他 这里是undefined
  14. // 这里并不要求是相同的数据类型
  15. var arr1 = new Array(3, 4, 5.12, 'abc', true, null)
  16. console.log(arr1)
  17. console.log(arr1.length)
  18. // 可以调整数组大小 如果新的长度大于原长度 会补空 如果小于原长度 会截取
  19. arr1.length = 2
  20. console.log(arr1)
  21. arr1.length = 6
  22. console.log(arr1)
  23. var arr2 = ['A','B','C']
  24. arr2[1] = 99
  25. console.log(arr2)
  26. arr2[4] = 97
  27. // 索引超出范围时 数组大小会自动调整 空的位置使用undefined
  28. console.log(arr2) //A 99 C undefined 97
  29. console.log(typeof arr2[3])
  30. var arr3 = [10,20,'30','xyz']
  31. // 查找元素在数组中的索引位置
  32. console.log(arr3.indexOf(20)) // 1
  33. console.log(arr3.indexOf(30)) // -1
  34. console.log(arr3)
  35. // 和java中的subString()是类似的
  36. console.log(arr3.slice(3))
  37. console.log(arr3.slice(0,3))
  38. // 如果没有传参数 会从头到尾截取 相当于复制数组
  39. console.log(arr3.slice())
  40. // 如果往数组中添加元素 可以用push 会添加到末尾 同时可以push多个
  41. arr3.push(40)
  42. console.log(arr3)
  43. arr3.push(50,60)
  44. console.log(arr3)
  45. // 取数据 10 or 60
  46. // 从尾部取 可以达到栈的效果 先进后出 后进先出
  47. arr3.pop()
  48. console.log(arr3)
  49. var arr4 = [1]
  50. console.log(arr4.pop())
  51. console.log(arr4.pop()) // 会报错吗 undefined
  52. // 如果要从数组头部添加元素
  53. arr4.unshift(10,20)
  54. console.log(arr4)
  55. arr4.unshift(30)
  56. console.log(arr4)
  57. // 如果从数组头部 删除元素
  58. console.log(arr4.shift())
  59. console.log(arr4)
  60. console.log(arr4.shift())
  61. console.log(arr4.shift())
  62. console.log(arr4.shift()) // undefined
  63. // var arr5 = [12,68,5,10,89]
  64. // [10,12,5,68,89]
  65. var arr5 = ['B','C','A']
  66. console.log(arr5.sort())
  67. // concat可以把两个数组连接起来 返回一个新的数组
  68. var arr6 = arr5.concat([1,2,3])
  69. console.log(arr6)
  70. // 将数组中的每个元素用指定的字符串联起来 返回连接后的字符串
  71. console.log(arr6.join('-')) // A-B-C-1-2-3
  72. // 翻转数组
  73. arr6.reverse()
  74. console.log(arr6)
  75. // 从索引2开始 删除3个元素
  76. arr6.splice(2,3)
  77. console.log(arr6)
  78. // 可以在删除的同时 进行添加
  79. arr6.splice(2,1,'D','E')
  80. console.log(arr6)
  81. var arr7 = [[1,2,3],[4,5,6]]
  82. console.log(arr7)
  83. </script>
  84. </head>
  85. <body>
  86. Hi Array
  87. </body>
  88. </html>