18.数组的方法.html 2.5 KB

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