22.数组的方法.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. // 2.unshift 向数组中添加内容 添加到最前面
  14. arr.unshift("白骨精");
  15. // 3.pop 删除数组中的元素 删除最后一个
  16. arr.pop();
  17. // 4. shift 删除数组中的元素 删除第一个
  18. arr.shift();
  19. console.log(arr);
  20. var arr1 = ["你的", "我的", "他的"];
  21. console.log(arr1);
  22. // 5.join 将数组转成逗号连接的字符串
  23. var arr2 = arr1.join("-");
  24. console.log(arr2);
  25. // 6. concat 连接多个数组 并返回新数组 不会修改原数组
  26. var arr3 = arr1.concat(arr);
  27. console.log(arr3);
  28. // 7.splice 截取 会改变原数组
  29. // 两个值:第一个值 代表的是那个下标开始截取;第二个值 代表截取个数
  30. // 三个值:第一个值 代表的是那个下标开始截取;第二个值 代表截取个数 第三个值 替换的内容
  31. var list1 = [1, 2, "哈哈", true, "3", true, "4", true];
  32. console.log(list1, "原");
  33. // list1.splice(3,4,'你好')
  34. // console.log(list1,'新');
  35. // 8.slice 截取 不会改变原数组
  36. // 一个值: 从第几个下标开始截取 一直到最后
  37. // 二个值:第一个值 代表的是那个下标开始截取;第二个值 代表截取到当前下标之前不包含当前下标
  38. // var list2 = list1.slice(2,4);
  39. // console.log(list2,'新')
  40. // 9. reverse 倒序 会改变原数组的顺序
  41. var list3 = list1.reverse();
  42. console.log(list3);
  43. // 10. toString 将数组转成字符串
  44. // var list4 = list1.toString();
  45. // console.log(list4);
  46. // 11.+='' 加上空字符串 强制转换
  47. list1 += "";
  48. console.log(list1);
  49. // 12.sort 排序 按照unicode编码排序
  50. var num = [1, 54, false, 3, "哈哈", 2, 665];
  51. // console.log(num.sort());
  52. var newNum = [23, 5, 32, 659, 65, 2, 89, 1];
  53. newNum.sort(function (a, b) {
  54. return a - b;
  55. });
  56. console.log(newNum);
  57. </script>
  58. </body>
  59. </html>