数组对象方法的使用

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312">
        <title>Array.contact( value )</title>
        <style>
            body {color: red;font-weight: normal}
            span {color: #000;font-weight: bold}
        </style>
        <script type="text/javascript">
            var arr1 = ['arr1开始', 1, 3, 'arr1结束'];//数字数组
            var arr2 = ["arr2开始", "a", "b", "arr2结束"];//字符串数组
            var arr5 = "JavaScript,jQuery,mootools,dom,w3c";
            var arr10 = [9, 10, 4, 5, 7, 2, 8, 0];

            //连接数组
            var arr3 = arr1.concat(arr2);//连接后
            document.write('<span>连接数组:</span>' + arr3 + '<br><br>');

            //将数组转换为字符串
            var arr4 = arr1.join('_*_');
            var arr41 = arr5.split(',').toString();
            document.write('<span>将数组转换为字符串join:</span>' + arr4 + '<br><br>');
            document.write('<span>将数组转换为字符串toString:</span>' + arr41 + '<br><br>');

            //删除并返回数组的最后一个元素
            var arr6 = arr1.pop();
            document.write('<span>删除数组的最后一个元素:</span>' + arr1 + '<br><br>');
            document.write('<span>删除并返回数组的最后一个元素:</span>' + arr6 + '<br><br>');

            //给数组添加元素
            arr1.push('arr1结束');
            document.write('<span>给数组添加元素:</span>' + arr1 + '<br><br>');

            //颠倒数组中元素的顺序
            arr1.reverse();
            document.write('<span>颠倒数组中元素的顺序:</span>' + arr1 + '<br><br>');

            //将元素移出数组并返回数组的第一个元素
            var arr7 = arr1.shift();
            document.write('<span>将数组第一个元素移出数组:</span>' + arr1 + '<br><br>');
            document.write('<span>将元素移出数组并返回数组的第一个元素:</span>' + arr7 + '<br><br>');

            //切割数组,返回数组的一部分
            //start:数组片段开始处的数组下标。如果是负数,它声明从数组尾部开始算起的位置。 也就是说,-1指最后一个元素,-2指倒数第二个元素,以此类推。
            //end:数组片段结束处的后一个元素的数组下标。如果没有指定这个参数 包含从start开始到数组结束的所有元素。如果这个参数是负数, 从数组尾部开始算起的元素。
            var arr8 = arr2.slice(0,2);
            document.write('<span>切割数组,返回数组的一部分:</span>' + arr8 + '<br><br>');

            //数组头部插入一个元素
            arr1.unshift('我是数组首部插入的元素');
            document.write('<span>数组头部插入一个元素:</span>' + arr1 + '<br><br>');

            //插入、删除或替换数组的元素splice(1:插入的位置, 0:删除个数, "插入":插入内容)
            arr1.splice(1, 0, "插入");
            document.write('<span>数组插入元素:</span>' + arr1 + '<br><br>');

            arr1.splice(1, 1);
            document.write('<span>删除刚刚插入的元素:</span>' + arr1 + '<br><br>');

            arr1.splice(0, 1,"替换");
            document.write('<span>将数组第一个元素替换为"替换":</span>' + arr1 + '<br><br>');

            //把数组转换成局部字符串
            var arr9 = arr1.toLocaleString();
            document.write('<span>把数组转换成局部字符串:</span>' + arr9.constructor + '<br><br>');

            //判断对象类型de三种方法
            console.log( typeof arr9 );
            console.log( arr9 instanceof Array );
            console.log( arr9.constructor === Array );

            //对数组元素进行排序
            //升序排序
            var arr11 = arr10.sort(
                function(n1,n2) {
                    return n1 - n2;
                }
            );
            document.write('<span>升序排序:</span>' + arr11 + '<br><br>');
            //随机排序
            var arr12 = arr10.sort(
                function(n1,n2){
                    return Math.random()-0.5;
                }
            );
            document.write('<span>随机排序:</span>' + arr12 + '<br><br>');
            //模拟排序
            function findMinIndex(arr10,start){
                var iMin = arr10[start];
                var iMinIndex = start;
                for(var i = start;i < arr10.length; i++){
                    if(iMin > arr10[i]){
                        iMin = arr10[i];
                        iMinIndex = i;
                    }
                }
                return iMinIndex;
            }
            for(var i = 0;i < arr10.length; i++){
                var n = findMinIndex(arr10,i);
                var tem;
                tem = arr10[n];
                arr10[n] = arr10[i];
                arr10[i] = tem;
            }
            document.write('<span>模拟升序排序:</span>' + arr10 + '<br><br>');
        </script>
    </head>
    <body>
    </body>
</html>

 

原文地址:https://www.cnblogs.com/Angxf/p/10210650.html