JS 数组

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8     </body>
 9     <script type="text/javascript">
10         /*数组的方法*/
11     var colorsArray = ["red","green","blue"];
12     // 1、把数组转化为字符串
13     console.log(colorsArray);
14     // 默认用逗号分隔
15     console.log(colorsArray.toString());
16     // valueof主要用于 bool 值-----有待考证
17     var boolValue = false;
18     console.log(colorsArray.valueOf());
19     
20     // 2、join
21     //把数组转化为字符串  并且以||分隔字符串
22     console.log(colorsArray.join("||"));
23     //3、push 把元素添加到数组末尾 可以添加多个元素
24     colorsArray.push("black","gray");
25     console.log(colorsArray.toString());
26         // 把参数数组里面的所有元素都依次添加到colorsArray
27         colorsArray.push(["red","gray"]);
28         //.log(colorsArray.toString());
29     //4、pop 不接受参数
30         var result = colorsArray.pop();
31         console.log(colorsArray.toString());
32 
33 
34     // 5、shift
35      //   unshift 
36     colorsArray.unshift("black","black");
37     console.log(colorsArray.toString());
38     // 排序
39         // 反转数组的顺序
40         colorsArray.reverse();
41         console.log(colorsArray.toString());
42     
43         // sort
44         // 默认升序排列数组
45         colorsArray.sort();
46         console.log(colorsArray.toString());
47          //特殊：
48             var numbersArray = ["111","101","79","5"];
49             numbersArray.sort(compare);
50             console.log(numbersArray);
51             
52             // 函数处理,通过函数处理，可以实现 sort 的降序
53             function compare(num1,num2){
54                 num1 = parseInt(num1);
55                 num2 = parseInt(num2);
56                  if(num1 > num2){
57                      return 1;
58                  }else if(num1 < num2){
59                      return -1;
60                  }else{
61                      return 0;
62                  }
63             }
64     
65     // concant  会产生一个新的数组，把元素拼接到新数组的末尾
66     var aNewArray = colorsArray.concat("black");
67     console.log(colorsArray.toString());
68     console.log(aNewArray.toString());
69         
70     // indexof 在数组里面查找 red，找到了返回所在数组的下标，没找到返回-1
71     // 确定一个元素在数组里面的下标
72        var index = colorsArray.indexOf("red");
73        console.log(index);
74        // 可以使用 indexof的特性，来判断数组里面是否存在某个元素
75      
76      
77             
78     </script>
79 </html>