18.数组的方法.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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. </head>
  8. <body>
  9. <!--
  10. ctrl + /
  11. -->
  12. <!-- -->
  13. <script>
  14. // 单行注释 ctrl + /
  15. /**
  16. * 多行注释
  17. */
  18. var arr = ["孙悟空", "猪八戒", "沙和尚"];
  19. // 1.push 向数组尾部中添加数据
  20. arr.push("唐僧");
  21. console.log(arr, "push");
  22. // 2.pop 删除数组中最后一个元素
  23. arr.pop();
  24. console.log(arr, "pop");
  25. // 3.unshift 向数组头部添加元素
  26. arr.unshift("白龙马");
  27. console.log(arr, "unshift");
  28. // 4.shift 删除数组中第一个元素
  29. arr.shift();
  30. console.log(arr, "shift");
  31. var arr1 = ["我的", "你的", "他的"];
  32. console.log(arr1, "arr1");
  33. // 5.join 将数组转为字符串
  34. console.log(arr1.join("-"), "join");
  35. // 6.concat 合并数组
  36. var arr2 = arr.concat(arr1);
  37. console.log(arr2, "arr2");
  38. var list1 = [1, "ha", true, 3, "happy"];
  39. console.log(list1, "原数组");
  40. // 7.splice 更改了原数组
  41. // 两个值:第一个值代表的从哪开始截取 第二个值代表着截取的个数
  42. // var list2 = list1.splice(0,3);
  43. // console.log(list2);
  44. // 三个值:第一个值代表的从哪开始截取 第二个值代表着截取的个数 第三个值代表着要替换的内容
  45. var list3 = list1.splice(1, 2, "news");
  46. console.log(list3, "list3");
  47. console.log(list1, "list1");
  48. // 8.slice 不会改变原数组
  49. // 一个值:从哪个位置开始截取 一直截取到最后
  50. // 两个值:第一个值从哪个位置开始截取 第二个值 截取到当前下标的前一个位置 不包含当前下标
  51. var List1 = ["贾宝玉", "林黛玉", "薛宝钗", "王熙凤", "刘姥姥"];
  52. // var List2 = List1.slice(1);
  53. // var List2 = List1.slice(1,4);
  54. console.log(List1, "list1");
  55. // console.log(List2,'list2');
  56. // 9.reverse 倒序
  57. // var List3 = List1.reverse();
  58. // console.log(List3,'list3');
  59. // 10.toString 将数组转成字符串
  60. // var List4 = List1.toString();
  61. // console.log(List4,'List4');
  62. // 11.强制转换 += ''
  63. // var List5 = List1;
  64. // List5 += "";
  65. // console.log(List5,'List5');
  66. // 12.sort 排序 按照Unicode编码排序
  67. var news = [12, 34, 675, 3, 2, 1, 5, 7];
  68. // console.log(news.sort());
  69. news.sort(function (a, b) {
  70. return b -a;
  71. });
  72. console.log(news)
  73. // 13.length 长度
  74. console.log(news.length)
  75. </script>
  76. </body>
  77. </html>