JavaScript 1.1 数组中常用的方法详

最新推荐文章于 2025-09-15 19:00:00 发布

原创最新推荐文章于 2025-09-15 19:00:00 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript数组

JavaScript Note 专栏收录该内容

36 篇文章

订阅专栏

本文深入讲解JavaScript中数组的各种操作方法，包括合并、转换为字符串、删除元素、追加元素、反转数组、删除首位元素、切片选取元素、本地字符串转换、插入元素等，并演示了如何使用sort方法对数组进行排序。

一、JS代码

<script>
    var num = new Array(3);
    for(var k = 1; k<=num.length; k++){
        num[k-1] = k;
    }
    var str = new Array(4);
    for(var j = 1 ;j<=str.length; j++){
        switch (j){
            case 1:str[j-1] = 'A';
                break;
            case 2:str[j-1] = 'B';
                break;
            case 3:str[j-1] = 'C';
                break;
            case 4:str[j-1] = 'D';
                break;
        }
    }

    for(var i = 1; i<10; i++) {
        switch (i) {
            case 1:
                var ar = num.concat(str);
                /*合并两个数组*/
                document.write('（concat()方法:合并数组）' + ar + '<br>');
                break;
            case 2:
                var str1 = str.join("-");
                document.write('（join()方法:把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔）' + str1 + '<br>');
                break;
            case 3:
                var del = str.pop();
                document.write('(pop()方法:打印删除最后一个元素后的数组)' + str + '<br>');
                document.write('（pop()方法返回值:打印出删除的元素）' + del + '<br>');
                break;
            case 4:
                var len = str.push('E');
                document.write('(push()方法:在数组后面追加元素)' + str + '<br>');//unshift()方法向数组的开头添加一个或更多元素，并返回新的长度。
                document.write('(push()方法的返回值:返回新数组的长度)' + len + '<br>');
                break;
            case 5:
                var fansort = str.reverse();
                document.write('(reverse()方法:打印出胡反序的数组)'+ fansort + '<br>');
                break;
            case 6:
                var del1 = str.shift();
                document.write('(shift()方法:打印删除首位元素的数组)' + str + '<br>');
                document.write('(shift()方法:返回删除的首位元素)' + del1 + '<br>');
                break;
            case 7:
                var sel = str.slice(0 ,2);
                document.write('(slice()方法:返回起始位元素0到2之间的元素)' + sel + '<br>');
                break;
            case 8:
                var loc = str.toLocaleString();
                document.write(loc + '<br>');
                document.write(typeof loc + '<br>');
                document.write(str.valueOf() + '<br>');
                break;
            case 9:
                var add = str.splice(0 ,2, 'F' ,'G');
                document.write('(splice()方法:打印新增元素后的数组)' + str + '<br>');//删除从0位元素开始的两个元素
                document.write('(splice()方法:返回删除的元素)' + add + '<br>');
                break;
        }
    }
            function sortNumber(a,b)
            {
                return a - b;
              /*  若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
                  若 a 等于 b，则返回 0。
                  若 a 大于 b，则返回一个大于 0 的值*/
            }

            var arr = new Array(6);
            arr[0] = "10";
            arr[1] = "5";
            arr[2] = "40";
            arr[3] = "25";
            arr[4] = "1000";
            arr[5] = "1";
            document.write('未排序的数组:' + arr + "<br />");
            document.write('排序后的数组:' + arr.sort(sortNumber) + '<br>');
</script>