首页 > 代码库 > 2017-5-30引用类型之Aray数组

2017-5-30引用类型之Aray数组

2024-09-28 08:26:39   215人阅读

引用类型之数组

  • 引用类型之数组

  • javaScript语法中Array类型的特点:1.数组中的每一项可以保存任何数据;2.数组的大小可以动态调整

    • 1.创建数组的两种基本方式:1.使用Array构造函数,2.使用数组字面量表示法

    • 2.在读取和设置数组的值时,要使用方括号并提供相应值基于0的数字索引

    • 3.数组的项数保存在length属性中,这个属性会返回0或者更大的值

    • 4.数组length属性的特点:可以从数组的末尾移出项或向数组中添加新项

    • 5.利用length属性可以方便地在数组末尾添加新项

  • 检测:确定某个对象是不是数组

  • 1.使用instanceof操作符检测结果

  • 2.在全局环境中确定某个值到底是不是数组

  • 栈是一种后进先出的数据结构,也就是最新添加的项最早移除,而栈中项的插入(叫做推入)和移除(叫做弹出)

  • 只发生在一个位置栈的顶部,并为数组提供了push()和pop()方法,以便实现类似栈的行为

  • 1.push()方法可以接受任意的数量的参数,把它们逐个添加到数组末尾,并返回数组的长度

  • 2.pop()方法从数组末尾移出最后一项,减少数组的length,并返回数组的项;

  • 所有对象都具有toLocaleString(),toString()和valueOf()方法

  • 队列方法

    • 队列数据结构访问的规则是:先进先出.队列在列表末端添加项从列表前端移出项

    • 模拟队列方法: shift()方法移出数组中的第一个项并返回该项,同时将数组长度减1

    • unshift()方法:可以在数组前端添加任意个项并返回新数组的长度

  1. /* 
  2. *----------------------------------------------5.2Array类型------------------------------- 
  3. * javaScript语法中Array类型的特点:1.数组中的每一项可以保存任何数据;2.数组的大小可以动态调整 
  4. * 1.创建数组的两种基本方式:1.使用Array构造函数,2.使用数组字面量表示法 
  5. * 2.在读取和设置数组的值时,要使用方括号并提供相应值基于0的数字索引 
  6. * 3.数组的项数保存在length属性中,这个属性会返回0或者更大的值 
  7. * 4.数组length属性的特点:可以从数组的末尾移出项或向数组中添加新项 
  8. * 5.利用length属性可以方便地在数组末尾添加新项 
  9. * 
  10. * */ 
  11. //1.1使用Array构造函数创建数组 
  12. var createArray = new Array(); 
  13. var createArray = new Array(20);//给构造函数传递项目数量,该数量就是array的length属性 
  14. var createArray = new Array("水浒传","西游记","三国演义","红楼梦");//向Array构造函数传递数组应该包含的项,创建一个包含3个字符串值得数组 
  15. var createArray = Array();//省略new操作符也同样可以创建数组 
  16. //1.2 使用数组字面量表示法,数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开; 
  17. var colors = ["red","blue","yellow","black","green"];//创建一个包含了5个字符串的数组 
  18. var colors = []; //创建一个空数组 
  19. var colors = [1,2];//不要这样!创建一个包含2或3个项,且值分别是:1,2,undefined 
  20. var colors = [,,,,,];//不要这样!创建H一个包含5或6个项,且值是undefined 
  21. //2.读取和设置数组的值时,要使用方括号并提供相应值基于0的数组索引 
  22. var colors = ["blue","red","green"]; 
  23. console.log(colors[1]);//red 
  24. colors[0] = "black"; //修改数组中第一项的值 
  25. console.log(colors[0]); 
  26. colors[3] = "yellow";//在数组中新增一项 
  27. console.log(colors.length); 
  28. //3.数组的项数会保存在length属性中,这个属性会返回0或者更大的值 
  29. var colors = ["red","blue","yellow"]; //创建一个只包含3个项的数组 
  30. var student = []; //创建一个空数组 
  31. console.log(colors.length); //3 
  32. console.log(student.length); //0 
  33. //4.数组length属性可以向数组的末尾移出项或向数组中添加新项 
  34. var colors = ["red","blue","black"]; 
  35. colors.length = 2;//移出了数组中末尾一项; 
  36. console.log(colors[2]);//undefined 
  37.  
  38. colors.length = 5;//将length的属性设置为大于数组项数的值,则新增的每一项都会取得undefined值 
  39. console.log(colors[4]); //undefined 
  40. //5.利用length属性在末尾添加新项 
  41. var student = ["张三","李四","王五"]; 
  42. student[student.length] = "武松"; 
  43. student[student.length] = "宋江"; 
  44. console.log(student); //["张三", "李四", "王五", "武松", "宋江"] 
  45.  
  46. /* 
  47. * ***********************5.2.1 检测数组************************ 
  48. * 检测:确定某个对象是不是数组 
  49. * 1.使用instanceof操作符检测结果 
  50. * 2.在全局环境中确定某个值到底是不是数组 
  51. * */ 
  52. //1.使用instanceof操作符检测结果 
  53. if (value instanceof Array){ 
  54. //对数组执行某些操作 
  55. } 
  56. //2.在全局环境中确定某个值到底是不是数组 
  57. if(Array.isArray(value)){ 
  58. //对数组执行某些操作 
  59. } 
  60.  
  61. /* 
  62. * ********************5.2 转换方法********************* 
  63. *所有对象都具有toLocaleString(),toString()和valueOf()方法 
  64. * 
  65. * */ 
  66. var colors = ["red","blue","yellow"]; 
  67. console.log(colors.toString());//red,blue,yellow 表示返回数组的字符串,每个值得字符串表示拼接成一个字符串 
  68. console.log(colors.valueOf());//["red", "blue", "yellow"] 
  69. console.log(colors);//["red", "blue", "yellow"] 
  70. /* 
  71. * ****************************5.2.3 栈方法******************** 
  72. * 栈是一种后进先出的数据结构,也就是最新添加的项最早移除,而栈中项的插入(叫做推入)和移除(叫做弹出) 
  73. * 只发生在一个位置栈的顶部,并为数组提供了push()和pop()方法,以便实现类似栈的行为 
  74. * 1.push()方法可以接受任意的数量的参数,把它们逐个添加到数组末尾,并返回数组的长度 
  75. * 2.pop()方法从数组末尾移出最后一项,减少数组的length,并返回数组的项; 
  76. * 
  77. * */ 
  78. //1.push()方法可以接受任何数量的参数,把它们逐个添加到数组末尾,并返回数组的长度 
  79. var colors = new Array();//创建一个数组 
  80. var count = colors.push("red","blue");//向数组中推入这两项 
  81. console.log(count);//2 表示返回数组的长度 
  82. console.log(colors); //["red", "blue"] 
  83. var count = colors.push("black"); //继续推入另一项 
  84. console.log(count); //3 
  85. console.log(colors);//["red", "blue", "black"] 
  86.  
  87. //2.pop()方法从数组末尾移除最后一项,减少数组的length,并返回数组的项数 
  88. var colors = ["red","blue","yellow"]; 
  89. var item = colors.pop();//取出最后一项 
  90. console.log(item);//yellow 
  91. console.log(colors);//["red", "blue"] 
  92.  
  93. /* 
  94. * ************************5.2.4队列方法*************** 
  95. * 队列数据结构访问的规则是:先进先出.队列在列表末端添加项从列表前端移出项 
  96. * 模拟队列方法:shift()方法移出数组中的第一个项并返回该项,同时将数组长度减1 
  97. * unshift()方法:可以在数组前端添加任意个项并返回新数组的长度 
  98. * */ 
  99. //1.模拟队列方法shift()方法 
  100. var colors = new Array(); 
  101. var count = colors.push("red","blue");//向数组中推入两项 
  102. console.log(colors,count);//["red", "blue"] 2 
  103. var item = colors.shift(); 
  104. console.log(colors,item,colors.length);//["blue"] "red" 1 
  105.  
  106. //unshift方法 
  107. var colors = new Array(); 
  108. var count = colors.unshift("red","green"); 
  109. console.log(colors,count); //["red", "green"] 2 
  110. /* 
  111. * *************************5.2.5重排序方法******************** 
  112. * 1.reverse()方法反转数组项的顺序 
  113. * 2.sort()方法按升序排列数组项 
  114. * */ 
  115. //1.reverse()反转数组项的顺序 
  116. var student = ["武松","宋江","鲁智深"]; 
  117. student.reverse();//反转了数组的顺序 
  118. console.log(student);//["鲁智深", "宋江", "武松"] 
  119. //2.sort()方法按升序排列数组项 
  120. var values = [11,2,3,24,5,6]; 
  121. values.sort(); //[11, 2, 24, 3, 5, 6] 
  122. //比较函数的说明:如果两个函数参数a,b;a>b则返回一个负数,a<b则返回一个正数,a=b则返回一个0;(从大到小的比较规则) 
  123. function compare(value1,value2) { 
  124. if(value1<value2){ 
  125. return -1; //在之前 
  126. } else if(value1 > value2){ 
  127. return 1; //在之后 
  128. }else { 
  129. return 0; //相等 
  130. } 
  131. } 
  132.  
  133. values.sort(compare);// 
  134. values.sort( 
  135. function (a,b){ 
  136. return a-b;//升序 
  137. } 
  138. ) ; 
  139. // 
  140.  
  141. values.sort( 
  142. function (a,b){ 
  143. return b-a;//降序 
  144. } 
  145. ) 
  146.  
  147. // 
  148. var values = [11,2,3,24,5,6]; 
  149. function compare(value1,value2){ 
  150. return value2 -value1; 
  151. } 
  152. values.sort(compare) 

2017-5-30引用类型之Aray数组


联系
我们