18.数组的方法.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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. console.log(arr,'原数组');
  12. // 1.push 向数组中添加元素 添加到最后面
  13. // arr.push("图图");
  14. // 2.unshift 向数组中添加元素 添加到最前面
  15. // arr.unshift("图图");
  16. // 3.pop() 删除数组中最后面的元素
  17. // arr.pop();
  18. // 4.shift() 删除数组中最前面的元素
  19. // arr.shift();
  20. var arr1 = [1,3,5,7];
  21. var arr3 = [2,4,6,8];
  22. // 5.join() 将数组变成字符串
  23. // var arr2 = arr1.join();
  24. // console.log(arr1,'+++',arr2);
  25. // 6.cancat() 链接数组
  26. // var arr4 = arr1.concat(arr3);
  27. // console.log(arr4)
  28. // 7.splice
  29. // 两个值:第一个值代表从哪个下标开始截取 第二个值代表所截取的个数
  30. // 三个值:第一个值代表从哪个下标开始截取 第二个值代表所截取的个数 第三个值是替换的内容
  31. // 可以改变原数组
  32. var arr5 = [6,43,54,1];
  33. // console.log(arr5,'___',arr5.toString())
  34. // arr5.splice(0,2,'你好');
  35. // console.log(arr5);
  36. // 8.slice 截取
  37. // 不对原数组进行改变
  38. // 一个值 从第几个值开始截取
  39. // 两个值 从第几个值开始截取 第二个值代表截取到当前下标之前
  40. // arr5.slice(2);
  41. // console.log(arr5, arr5.slice(2,4));
  42. // 9.reverse 倒序
  43. // arr5.reverse();
  44. // 10. toString 将数组变成字符串
  45. // arr5.toString();
  46. // 11.加上空字符串 强制进行转换
  47. // arr5 += '';
  48. // console.log(arr5)
  49. // console.log("5",5)
  50. // 12.sort 排序 按照Unicode编码排序
  51. // arr5.sort((a,b) => b-a);
  52. // console.log(arr5)
  53. </script>
  54. </body>
  55. </html>