16.数组的方法.html 2.3 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. // 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 = ['你的','我的','他的']
  21. // 5.join 将数组转成逗号连接的字符串
  22. // var arr2 = arr1.join();
  23. // console.log(arr1,'1')
  24. // console.log(arr2,'2')
  25. // 6.concat 拼接数组
  26. // var arr3 = arr.concat(arr1);
  27. // console.log(arr3);
  28. /*
  29. *7.splice 截取 会改变原数组
  30. 两个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数
  31. 三个值:第一个值 代表从哪开始的下标 第二个值代表截取/删除的个数 第三个值代表替换的内容
  32. */
  33. var list = ['1','ab',45,'你好',true];
  34. console.log(list,'list')
  35. // console.log(list.splice(1,2),'截取的')
  36. // console.log(list.splice(2,3,'haha'),'截取的')
  37. // console.log(list,'截取后的')
  38. /**
  39. * 8.slice 截取
  40. * 不对原数组进行改变
  41. * 一个值: 从哪个下标开始截取到最后
  42. * 两个值:第一个值代表从哪开始的下班 第二个值代表截取到哪个下标前
  43. */
  44. // console.log(list.slice(1))
  45. // console.log(list)
  46. // 9.reverse 倒序
  47. // console.log(list.reverse())
  48. // 10.toString 数组转字符串
  49. // console.log(list.toString())
  50. // 11.强制转换
  51. // console.log(list+='')
  52. // 12.sort 排序 按照Unicode编码进行排序
  53. var news = [1,'re',49,'hello',980,3];
  54. console.log(news,'news')
  55. console.log(news.sort())
  56. var newList = [23,5,987,4,32,123,78,54,67,2];
  57. newList.sort(function(a,b) {
  58. return a-b;
  59. })
  60. console.log(newList)
  61. </script>
  62. </body>
  63. </html>