引用类型之数组

• 引用类型之数组

• 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) 
     

     ---