Blogger Information
Blog 34
fans 0
comment 0
visits 21638
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
12月17日_ javascript数组、数组函数 - 九期线上班
只猫
Original
616 people have browsed it

JavaScript数组

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>javascript数组</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. //javascript数组添加不连续下标元素会填充empty。
  10. //js数组长度等于最大下标数+1
  11. var arr = ['1','2','3','b','c'];
  12. console.log(arr);
  13. //1.数组push方法:向最后加入元素
  14. function pushArr(){
  15. var r = arr.push('d');
  16. console.log(r); //返回添加后的数组长度
  17. console.log(arr);
  18. }
  19. pushArr();
  20. //2.数组pop方法:从最后删除元素
  21. function popArr(){
  22. //pop()返回值为弹出元素
  23. var r = arr.pop();
  24. console.log(arr);
  25. console.log('pop返回值为'+r);
  26. }
  27. popArr();
  28. //两个数组连接
  29. function arrays(){
  30. var arr1 = ['1','2','3'];
  31. var arr2 = ['4','5','6'];
  32. //循环插入
  33. for(var i=0;i<arr2.length;i++){
  34. arr1.push(arr2[i]);
  35. }
  36. console.log(arr1);
  37. }
  38. arrays();
  39. //3.数组unshift方法:在开头添加元素
  40. function unshiftArr(){
  41. var r = arr.unshift('0');
  42. console.log(r); //返回添加后的数组长度
  43. console.log(arr);
  44. }
  45. unshiftArr();
  46. //4.数组shift方法:从开头删除元素
  47. function shiftArr(){
  48. var r = arr.shift();
  49. console.log(r); //返回删除元素
  50. console.log(arr);
  51. }
  52. shiftArr();
  53. //5.数组中是否存在某元素
  54. var arr3 = ['1','2','3'];
  55. //indexOf()第二个参数是从第几开始找
  56. var res = arr3.indexOf('1');
  57. var res2 = arr3.indexOf('2');
  58. //有的话返回下标 没有返回-1
  59. console.log(res); //0
  60. console.log(res2); //1
  61. //6.从数组中间删除元素
  62. var arr4 = ['1','2','3','3','4','5'];
  63. //splice(index,howmany);
  64. arr4.splice(2,1);
  65. console.log(arr4); //["1", "2", "3", "4", "5"]
  66. </script>
  67. </body>
  68. </html>

总结: js相关数组函数。作用效果以及返回值需牢记。

Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!