05.数组.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script>
  9. /*
  10. 对象分为三种:
  11. 内建对象
  12. 宿主对象
  13. 自定义对象(日常开发中并不是主要应用的对象)
  14. 数组(array)
  15. -数组也是一个对象
  16. -它和我们普通的对象功能类似,也是用来存储一些值的
  17. -不同的是普通对象是使用字符串作为属性名的,
  18. 而数组是使用数字来作为索引操作元素
  19. -索引:
  20. 从0开始的整数就是索引
  21. -数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据
  22. */
  23. //创建数组对象
  24. var arr = new Array();
  25. // console.log(arr);
  26. //使用typeof检查一个数组时,会返回object
  27. // console.log(typeof arr);
  28. /*
  29. 向数组中添加元素
  30. 语法:数组[索引] = 值
  31. */
  32. arr[0] = 10;
  33. arr[1] = 18;
  34. arr[2] = 22;
  35. arr[3] = 35;
  36. // arr[10] = 33;
  37. // arr[5] = 12;
  38. /*
  39. 读取数组中的元素
  40. 语法:数组[索引]
  41. 如果读取不存在的索引,它不会报错,而是返回undefined
  42. */
  43. // console.log(arr[3]);//输出结果为35
  44. // console.log(arr[8]);//输出结果为undefined
  45. /*
  46. 获取数组的长度
  47. 可以使用length属性来获取数组的长度(元素的个数)
  48. 语法:数组.length;
  49. 对于连续的数组,使用length可以获取到数组的长度(元素的个数)
  50. 对于非连续的数字,使用length会获取到数组的最大的索引+1
  51. 尽量不要创建非连续的数组
  52. */
  53. // console.log(arr.length);
  54. // console.log(arr);
  55. /*
  56. 修改length
  57. 语法:数组.length = 值;
  58. 如果修改的length大于原长度,则多出部分会空出来
  59. 如果修改的length小于原长度,则多出的元素会被删除
  60. */
  61. arr.length = 10
  62. console.log(arr.length);
  63. console.log(arr);
  64. // arr.length = 2
  65. // console.log(arr.length);
  66. // console.log(arr);
  67. //向数组的最后一个位置添加元素
  68. //语法:数组[数组.length]=值
  69. arr[arr.length] = 50;
  70. console.log(arr);
  71. </script>
  72. </head>
  73. <body>
  74. </body>
  75. </html>