var arr = ["孙悟空","猪八戒","沙和尚"];
var arr2 = ["白骨精","玉兔精","蜘蛛精"];
var arr3 = ["玉皇大帝","玉兔精","蜘蛛精"];
/*
* concat()可以连接两个或多个数组,并将新的数组返回
* - 该方法不会对原数组产生影响
*/
var result = arr.concat(arr2,arr3,"铁扇公主");
console.log(result);
/*
* join()
* - 该方法可以将数组转换为一个字符串
* - 该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回
* - 在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符
*/
result = arr.join("hello");
console.log(typeof result);
console.log(result);
/*
* reverse()
* - 该方法用来反转数组(前面的去后边,后边的去前边)
* - 该方法会直接修改原数组
*/
arr.reverse();
console.log(arr);
/*
* sort()
* - 可以用来对数组中的元素进行排序
* - 也会影响原数组,默认会按照Unicode编码进行排序
*/
arr = ["b","d","e","a","c"];
arr.sort();
console.log(arr);
/*
* 即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来进行排序
* 所以对数字进行排序时,可能得到错误的结果
*
* 我们可以自己来指定排序的规则
* 我们可以在sort()添加一个回调函数,来指定排序规则
* 回调函数中需要定义两个形参
* 浏览器将会分别使用数组中的元素作为实参去调用回调函数
* 使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边
* - 浏览器会根据回调函数的返回值来决定元素的顺序,
* 如果返回一个大于0的数值,则元素会交换位置
* 如果返回一个小于0的值,则元素位置不变
* 如果返回值一个0 则认为两个元素相等,也不交换位置
*/
arr = [11,3,4,1,2,5]
arr.sort();
console.log(arr);
arr = [5,2,9,0,6,4];
arr.sort(function(a,b){
console.log(b);
console.log(a);
//前面的大
// if(a>b){
// return 1;
// }else if(a<b){
// return -1;
// }else{
// return 0;
// }
//如果升序排列
// return a - b;
//如果降序排列
return b -a;
})
console.log(arr);
输出结果;
[Web浏览器] “孙悟空,猪八戒,沙和尚,白骨精,玉兔精,蜘蛛精,玉皇大帝,玉兔精,蜘蛛精,铁扇公主” /初级教程08/01数组的剩余方法.html (17)
[Web浏览器] “string” /初级教程08/01数组的剩余方法.html (27)
[Web浏览器] “孙悟空hello猪八戒hello沙和尚” /初级教程08/01数组的剩余方法.html (28)
[Web浏览器] “沙和尚,猪八戒,孙悟空” /初级教程08/01数组的剩余方法.html (37)
[Web浏览器] “a,b,c,d,e” /初级教程08/01数组的剩余方法.html (47)
[Web浏览器] “1,11,2,3,4,5” /初级教程08/01数组的剩余方法.html (65)
[Web浏览器] “9,6,5,4,2,0” /初级教程08/01数组的剩余方法.html (85)