12.数组的方法.html 2.9 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. <script>
  10. var arr = ['孙悟空','猪八戒','唐僧','哪吒','林黛玉'];
  11. // console.log(arr);
  12. // 1.push 向数组最后一个添加元素
  13. arr.push("白龙马");
  14. // console.log(arr);
  15. // 2.pop 删除数组最后一个元素
  16. arr.pop();
  17. // console.log(arr);
  18. // 3.unshift 往数组第一个元素前添加
  19. arr.unshift("沙和尚");
  20. // console.log(arr);
  21. // 4.shift 删除数组第一个元素
  22. arr.shift();
  23. // console.log(arr);
  24. // 5.join 将数组转成字符串 默认:逗号连接
  25. // console.log(arr.join("-"));
  26. // var a = 1;
  27. // var b ='11';
  28. // console.log(a,'a');
  29. // console.log(b,'b');
  30. var arr1 = [1,2,3,4,5,6];
  31. // 6.concat 连接数组
  32. var arr2 = arr.concat(arr1);
  33. // console.log(arr2);
  34. // 7.slice 截取数组 不改变原数组
  35. // 一个参数:从那个下标开始截取一直到最后
  36. // 两个参数:第一个参数代表着从那个下标开始 第二个参数代表着结束的下标 但是不包含结束项
  37. // console.log(arr,'arr的顺序');
  38. // var list1 = arr.slice(1);
  39. // console.log(list1,'list1');
  40. console.log(arr,'arr');
  41. // 8.splice 截取数组 改变原数组
  42. // 两个参数:第一个参数代表着从那个下标开始 第二个参数代表截取的个数
  43. // 三个参数:第一个参数代表着从那个下标开始 第二个参数代表截取的个数 第三个参数代表着替换的值
  44. // var list2 = arr.splice(2,2);
  45. // console.log(list2);
  46. // console.log(arr);
  47. // 9.reverse 倒序
  48. console.log(arr.reverse());
  49. // 10.toString 将数组转成字符串
  50. // console.log(arr.toString());
  51. // 11.强制拼接字符串 += ''
  52. // x+=y x= x+y
  53. // console.log(arr += '')
  54. // 12.sort排序 按照UniCode编码排
  55. var list3 = [1,32,56,3,46,2];
  56. // console.log(list3.sort());
  57. // function arrSort() {
  58. // }
  59. var list4 = list3.sort(function (a,b) {
  60. return b-a;
  61. });
  62. console.log(list4);
  63. // arrSort(arr);
  64. var w1 = 2;
  65. var w3 = --w1;
  66. // 1.x++ 先赋值 后自增
  67. // console.log(w1); // 3
  68. // console.log(w3); // 2
  69. // 2.x-- 先赋值 后自减
  70. // console.log(w1); // 1
  71. // console.log(w3); // 2
  72. // 3.++x 先自增 后赋值
  73. // console.log(w1); // 3
  74. // console.log(w3); // 3
  75. // // 4.--x 先自减 后赋值
  76. // console.log(w1); // 1
  77. // console.log(w3); // 1
  78. </script>
  79. </body>
  80. </html>