JS array相关方法-CSDN博客

本文链接：https://blog.csdn.net/theArcticOcean/article/details/50099755

本文涉及到的数组方法：

push()

pop()

shift()

unshift()

splice()

join()

concat()

sort()

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var s1=[1,2,3,4];
    var s2=new Array(1,2,3,4); //两种声明方式
    document.write(s1+'<br>');
    document.write(s2+'<br>');
    document.write('s2 length: '+s2.length+'<br>');
    s2.length=0; //快速清空数组
    document.write(s2+'<br>');
    //从尾部改动数组：
    s1.push(5);
    document.write(s1+'<br>');
    s1.pop(5);
    document.write(s1+'<br>');
    //从头部改动数组：
    s1.unshift(0);
    document.write(s1+'<br>');
    s1.shift(0);
    document.write(s1+'<br>');
    //神奇的splice:
    s1.splice(1,0,9); //在位置1插入9
    document.write('add 9: '+s1+'<br>');
    var get=s1.splice(1,1);  //返回删除的值
    document.write('delete 9: '+get+'   '+s1+'<br>'); //网页中的空格： 
    s1.splice(1,1,9);  //2 replaced by 9
    document.write('9 replace 2: '+s1+'<br>');
    s1.splice(1,3,0);
    document.write('0 replace 3 numbers: '+s1+'<br>');

    s1=[1,2,3,4];
    s2=[10,11,12,13];
    //join() 方法用于把数组中的所有元素放入一个字符串,元素是通过指定的分隔符进行分隔的。
    document.write('default join: '+s1.join()+'<br>');
    document.write('join -: '+s1.join('-')+'<br>');
    document.write('join .: '+s1.join('.')+'<br>');
    // concat:
    var s=s1.concat(s2);
    document.write('concat: '+s+'<br>');
    // sort:
    s.sort();
    document.write('sort: '+s+'<br>');
    //因为直接字符串比较了，所以没有达到数字排序的效果
    function mysort(a,b){  //函数参数不要加var
        return a-b;
    }
    s.sort(mysort);
    document.write('sort: '+s+'<br>');
</script>
</body>
</html>

output:

1,2,3,4
1,2,3,4
s2 length: 4

1,2,3,4,5
1,2,3,4
0,1,2,3,4
1,2,3,4
add 9: 1,9,2,3,4
delete 9: 9 1,2,3,4
9 replace 2: 1,9,3,4
0 replace 3 numbers: 1,0
default join: 1,2,3,4
join -: 1-2-3-4
join .: 1.2.3.4
concat: 1,2,3,4,10,11,12,13
sort: 1,10,11,12,13,2,3,4
sort: 1,2,3,4,10,11,12,13