02.数组的方法.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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. var arr = ["孙悟空", "二师兄", "沙师弟"];
  11. /*
  12. push()
  13. -该方法可以向数组的末尾添加一个或多个元素,并返回数组的长度
  14. -可以将要添加的元素作为方法的参数传递
  15. 这样这些元素将会自动添加到数组的末尾
  16. -该方法将数组新的长度作为返回值返回
  17. */
  18. arr.push("唐僧", "蜘蛛精");
  19. // console.log(arr);
  20. var result = arr.push("牛魔王", "玉兔精");
  21. // console.log('result=' + result);
  22. // console.log(arr);
  23. /*
  24. pop()
  25. -该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
  26. */
  27. //创建一个数组
  28. var arr = ["孙悟空", "二师兄", "沙师弟"];
  29. arr.pop();
  30. result = arr.pop();
  31. // console.log(arr);
  32. // console.log('result=' + result);
  33. /*
  34. unshift()
  35. -向数组开头添加一个或多个元素,并返回新的数组长度
  36. -向前面插入元素以后,其他的元素索引会依次调整
  37. */
  38. //创建一个数组
  39. var arr = ["孙悟空", "二师兄", "沙师弟"];
  40. console.log(arr);
  41. arr.unshift('铁扇公主', '狐狸精');
  42. var result = arr.push("玉兔精");
  43. console.log(arr);
  44. console.log('result=' + result);
  45. /*
  46. shift()
  47. -可以删除数组的第一个元素,并将被删除的元素作为返回值返回
  48. */
  49. //创建一个数组
  50. // var arr = ["孙悟空", "二师兄", "沙师弟"];
  51. // arr.shift();
  52. // result = arr.shift();
  53. // console.log(arr);
  54. // console.log('result=' + result);
  55. </script>
  56. </head>
  57. <body>
  58. </body>
  59. </html>