zoukankan      html  css  js  c++  java
  • 数组对象方法的使用

    <!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>

     

  • 相关阅读:
    vue 中简单路由的实现
    Vue中对生命周期的理解
    内存泄漏
    前端工程化
    exports 和 module.exports 的区别
    Nodejs的url模块方法
    MongoDB 的获取和安装
    Anjular JS 的一些运用
    移动端vconsole调试
    安装fiddler时,电脑浏览器没网
  • 原文地址:https://www.cnblogs.com/Angxf/p/10210650.html
Copyright © 2011-2022 走看看