16.数组的方法.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. // 5.join() 将数组转换成用逗号链接的字符串
  20. var arr1 = ["你的", "我的", "他的"];
  21. var arr2 = arr1.join();
  22. console.log(arr1, "arr1");
  23. console.log(arr1.join(), "arr1");
  24. // 6.concat 链接数组
  25. var list = arr.concat(arr1);
  26. console.log(list);
  27. // 7.splice 截取
  28. // 两个值 第一个值代表从哪开始截取的下标 第二个值代表删除的个数
  29. // 三个值 第一个值代表从哪开始截取的下标 第二个值代表删除的个数 第三个值替换的内容
  30. // 可以改变原数组
  31. var list1 = ["ab", "cd", 99, true, "sun"];
  32. console.log(list1, "原数组");
  33. list1.splice(1, 1);
  34. // list1.splice(2,4,'我的内容')
  35. console.log(list1, "新数组");
  36. // 8.slice 截取 不对原数组进行改变 反出截取后的内容
  37. // 一个值 从第几个下标开始截取 截取到最后
  38. // 两个值 第一个值从第几个下标开始截取 第二个值截取到当前下标之前 不包含当前下标
  39. var list2 = ['贾宝玉','林黛玉','薛宝钗','刘姥姥','王熙凤',"元春","巧姐"];
  40. // var list3 = list2.slice(3);
  41. var list4 = list2.slice(3,6);
  42. console.log(list4);
  43. //9.reverse() 倒序
  44. var list5 = list2.reverse();
  45. console.log(list5);
  46. //10.toString() 将数组转成字符串
  47. var list6 = list5.toString();
  48. console.log(list6);
  49. //11. 加上空字符串 强制转换
  50. list2 += '';
  51. // list2 = list2 + '';
  52. console.log(list2)
  53. //12.sort() 按照Unicode编码排序
  54. //var num = ['rte',12,"a",32,1,91,"d"];
  55. //console.log(num.sort());
  56. var newList = [23,5,986,4,32,123,78,10];
  57. newList.sort(function(a,b){
  58. return b-a;
  59. });
  60. console.log(newList.reverse());
  61. </script>
  62. </body>
  63. </html>