JavaScript 数组

黄良钵

分类: 程序开发 619 0

  1. <div>1</div>
  2. <div>2</div>
  3. <div>3</div>
  4. <div>4</div>
  1. var array = new Array(4)
  2. array.push(1)
  3. array.push(4)
  4. array.push(3)
  5. array.push(6)
  6. console.log(array)
  7. var array = [1,2,3]
  8. console.log(array)
  9. var array = new Array(1,2,3)
  10. console.log(array)
  11. var array = Array(1,2,3)
  12. console.log(array)
  13. array.push(4)
  14. console.log(array)
  15. // 在数组的末尾添加一个新元素
  16. array.unshift(5)
  17. console.log(array)
  18. // 在数组的开头添加一个新元素
  19. console.log(array.shift())
  20. // 在数组中的开头移除并返回一个新元素
  21. console.log(array)
  22. console.log(array.pop())
  23. // 在数组中的结尾移除并返回一个新元素
  24. console.log(array)
  25. // push 和 pop 可以构成一个堆栈
  26. // unshift 和 shift 可以构成一个堆栈
  27. // push 和 shift 可以构成一个队列
  28. // unshift 和 pop 可以构成一个队列
  29. // 栈 队列 先进先出
  30. // 堆 后进先出
  31. var o = array[1]
  32. // 使用 [x] 可以得到第 x+1 个元素
  33. console.log(o)
  34. var arr1 = ['c','a','s','d','f','b','n','y']
  35. arr1.reverse()
  36. console.log(arr1)
  37. // 反转数组中的元素 倒着排
  38. console.log(arr1.sort())
  39. // 如果调用方法时没有使用参数 将按字母顺序对数组中的元素进行排序 按照字符编码Unicode            
  40. var p1 = {
  41.     name:'wangBaoQiang',
  42.     age:4
  43. }
  44. var p2 = {
  45.     name :'maRong',
  46.     age:3
  47. }
  48. var p3 = {
  49.     name :'maRong1',
  50.     age:2
  51. }
  52. var p4 = {
  53.     name :'maRong2',
  54.     age:6
  55. }
  56. arr2 = [p1,p2,p3,p4]
  57. arr2.sort(function(a,b){
  58.         // console.log(a.age > b.age)
  59.         // a-b大于0(从小到大) 正序
  60.         // a-b小于0(从大到小) 倒序
  61.         // a-b等于0 相对位置不变
  62.         return a.age - b.age < 0
  63. })
  64. console.log(arr2)
  65. // arr1.splice(6,0)
  66. // console.log(arr1)
  67. // 会删除索引位置为5之后的所有元素
  68. // arr1.splice(6,1)
  69. // console.log(arr1)
  70. // 第二个参数是删除元素的个数
  71. // arr1.splice(4,5,'h','t','m','l','5')
  72. // console.log(arr1)
  73. // 第三个参数及之后的参数会插入到数组中
  74. var arr2 = arr1.concat([1,2,3],4,5,6)
  75. console.log(arr2)
  76. // 可以连接数组也可以连接值
  77. console.log(arr2.join('---'))
  78. // 连接数组元素 返回一个字符串 
  79. // 连接可以指定使用任意字符连接 也可以用多个字符连接
  80. var strs = [
  81.     '你好',
  82.     '你过来',
  83.     '我们一起嗨起来'
  84. ]
  85. console.log(strs.join(''))
  86. console.log(strs.join())
  87. console.log(strs.join(null))
  88. console.log(strs.join(undefined))
  89. console.log(strs.join(0))
  90. console.log(arr1)
  91. console.log(arr1.slice(2))
  92. // 从该索引出提取原数组中的元素 索引从0开始
  93. console.log(arr1.slice(2,4))
  94. // 第一个参数是开始位置会保留 第二个参数是结束位置会被切掉
  95. console.log(arr1.slice(-2))
  96. // 如果是负数 那么它规定从数组位置开始算起的位置
  97. // 也就是说-1是最后一个元素 -2指的是倒数第二个元素 以此类推
  98. // 第一个参数是负数值时会倒着切
  99. console.log(arr1.slice(-2,-4))
  100. console.log(arr1.slice(-2,-1))
  101. // 如果第二个参数小于第一个参数则返回一个空数组
  102. console.log(arr1.slice())
  103. // 不传参数会整体复制一下 得到一个相同的数组 相当于数组复制
  104. var divs = document.querySelectorAll('div')
  105. // console.log(divs.slice(2))  // not a function
  106. // console.log(divs.shift()) //not a function
  107. var divArr = []
  108. for(var i = 0;i<divs.length;i++){
  109.     divArr.push(divs[i])
  110. }
  111. console.log(divArr)
  112. // 转化为数组
  113. var divArr1 = Array.prototype.slice.call(divs)
  114. console.log(divArr1)
  115. // 使用call调用Array对象的原型(prototype)的slice方法
  116. // 调用的结果是divs被复制成一个数组Array对象
  117. divArr1 = Array.prototype.slice.apply(divs)
  118. console.log(divArr1)
  119. // 同上call方法
  120. console.log(arr1)
  121. console.log(arr1.indexOf('a'))
  122. // 从前往后查找元素的位置 找到的是第一个位置
  123. console.log(arr1.indexOf('t'))
  124. // 如果没有找到则返回-1
  125. console.log(arr1.lastIndexOf('d'))
  126. // 倒着找 找到1个就停止
  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
JavaScript、数组

作者简介: 黄良钵

打赏

博客站长,前端开发工程师

共 0 条评论关于 “JavaScript 数组”

Loading...