16_数组的方法.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. </head>
  9. <body>
  10. <script>
  11. // 把数组转换为字符串
  12. // JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。
  13. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  14. // console.log(fruits)
  15. // console.log(fruits.toString())
  16. // join() 方法也可将所有数组元素结合为一个字符串。
  17. // 它的行为类似 toString(),但是还可以规定分隔符,默认为 ,
  18. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  19. // console.log(fruits)
  20. // console.log(fruits.join('#'))
  21. //pop() 方法从数组中删除最后一个元素:
  22. //pop() 方法返回“被弹出”的值:
  23. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  24. // console.log(fruits)
  25. // // fruits.pop()
  26. // var a = fruits.pop()
  27. // console.log(a)
  28. //push() 方法(在数组结尾处)向数组添加一个新的元素
  29. //push() 方法返回新数组的长度
  30. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  31. // console.log(fruits)
  32. // // fruits.push('pomegranate')
  33. // var a = fruits.push('pomegranate')
  34. // console.log(a)
  35. // shift() 方法会删除首个数组元素,并把所有其他元素往前串
  36. // shift() 方法返回被“位移出”的字符串
  37. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  38. // console.log(fruits)
  39. // // fruits.shift()
  40. // var a = fruits.shift()
  41. // console.log(a)
  42. //unshift() 方法(在开头)向数组添加新元素,并向后串
  43. //unshift() 方法返回新数组的长度
  44. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  45. // console.log(fruits)
  46. // // fruits.unshift('pomegranate')
  47. // var a = fruits.unshift('pomegranate')
  48. // console.log(a)
  49. //length 属性提供了向数组追加新元素的简易方法,在数组结尾
  50. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  51. // console.log(fruits)
  52. // fruits[fruits.length] = "Kiwi";
  53. // console.log(fruits)
  54. //使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之。
  55. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  56. // console.log(fruits)
  57. // delete fruits[2]
  58. // console.log(fruits)
  59. // 第一个参数(2)定义了应添加新元素的位置(拼接)。
  60. // 第二个参数(0)定义应删除多少元素。
  61. // 其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。
  62. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  63. // console.log(fruits)
  64. // fruits.splice(2, 0, "Lemon", "Kiwi");
  65. // console.log(fruits)
  66. // var fruits = ["Banana", "Orange", "Apple", "Mango"];
  67. // console.log(fruits)
  68. // fruits.splice(0,1)
  69. // console.log(fruits)
  70. //concat() 方法通过合并(连接)现有数组来创建一个新数组
  71. //concat() 方法不会更改现有数组。它总是返回一个新数组
  72. // var myGirls = ["Cecilie", "Lone"];
  73. // var myBoys = ["Emil", "Tobias", "Linus"];
  74. // var myChildren = myGirls.concat(myBoys);
  75. // console.log(myGirls,myBoys,myChildren)
  76. //slice() 方法创建新数组。它不会从源数组中删除任何元素
  77. // var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
  78. // console.log(fruits)
  79. // var citrus = fruits.slice(1);
  80. // console.log(citrus)
  81. var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
  82. var citrus = fruits.slice(1, 3);
  83. console.log(citrus)
  84. </script>
  85. </body>
  86. </html>