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>
时间: 2024-08-21 00:55:02