17_数组的方法.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. toString() 把数组转换为数组值(逗号分隔)的字符串
  13. var fruits = ['banana','orange','apple']
  14. console.log(fruits)
  15. console.log(fruits.toString()) */
  16. /* push()方法(在数组结尾处)向数组添加一个新的元素
  17. 返回新数组的长度
  18. var fruits = ['banana','orange','apple']
  19. console.log(fruits)
  20. fruits.push('mango')
  21. console.log(fruits) */
  22. /* join()方法也可以将所有数组元素结合为一个字符串
  23. 行为类似toString() 但是可以自己设置分隔符 默认为,
  24. var fruits = ['banana','orange','apple']
  25. console.log(fruits)
  26. console.log(fruits.join()) */
  27. /* pop()方法从数组中删除最后一个元素
  28. pop()方法返回被删除的值
  29. var fruits = ['banana','orange','apple']
  30. console.log(fruits)
  31. var a = fruits.pop()
  32. console.log(a) */
  33. /* shift()方法会删除首个数组元素,并且元素往前串
  34. shift()方法返回被删除的值
  35. var fruits = ['banana','orange','apple']
  36. console.log(fruits)
  37. // fruits.shift()
  38. var a = fruits.shift()
  39. console.log(a) */
  40. /* unshift()方法在开头像数组添加新元素 并且其他元素向后串
  41. unshift() 返回新数组的长度
  42. var fruits = ['banana','orange','apple']
  43. console.log(fruits)
  44. fruits.unshift('mango')
  45. console.log(fruits) */
  46. /* length 属性 提供了向数组添加新元素的方法 添加在数组结尾
  47. var fruits = ['banana','orange','apple']
  48. console.log(fruits)
  49. fruits[fruits.length] = 'mango'
  50. console.log(fruits) */
  51. /* 使用Delete方法 会在数组留下未定义的空 建议使用pop() and shift()取代
  52. var fruits = ['banana','orange','apple']
  53. console.log(fruits)
  54. delete fruits[1]
  55. console.log(fruits) */
  56. /* 第一个参数(2) 定义了应该添加新元素的位置
  57. 第二个参数(0) 定义应该删除多少元素
  58. 添加的元素
  59. var fruits = ['banana','orange','apple']
  60. console.log(fruits)
  61. fruits.splice(2,0,'mango','kiwi')
  62. console.log(fruits) */
  63. /* var fruits = ['banana','orange','apple']
  64. console.log(fruits)
  65. fruits.splice(0,1)
  66. console.log(fruits) */
  67. /* concat()方法 通过合并现有的数组 来返回一个新数组
  68. 不会更改原先的数组 返回的是一个新数组
  69. var myBoys = ['xiaoming','xiaoqiang']
  70. var myGirls = ['xiaohong','xiaohua']
  71. var myChildren = myBoys.concat(myGirls)
  72. console.log(myChildren)
  73. console.log(myBoys) */
  74. /* slice()方法去创建新数组 不会从原数组中删除任何元素
  75. var fruits = ['banana','orange','apple']
  76. console.log(fruits)
  77. var aaa = fruits.slice(1)
  78. console.log(aaa)
  79. console.log(fruits) */
  80. </script>
  81. </body>
  82. </html>