JS 数组方法
Posted Powell Zhao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于JS 数组方法的主要内容，如果未能解决你的问题，请参考以下文章