JS针对数组的基础操作

最新推荐文章于 2024-09-11 20:08:48 发布

xgliuyi

最新推荐文章于 2024-09-11 20:08:48 发布

阅读量246

点赞数

分类专栏： JS 文章标签： join function button input server html

本文链接：https://blog.csdn.net/xgliuyi/article/details/7762584

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>JS数组测试</title>
    <script type="text/javascript">
        //第一种定义数组的方法
        /*
        var arr = new Array();
        arr[0] = 12;
        arr[1] = 2;
        arr[2] = 20;
        arr[3] = 234;
        arr[4] = 30;
        arr[5] = 2;
        */

        //第二种定义数组的方法
        var arr = new Array(1, 23, 456, 0, -3, 999, 459);
        
        //1、使用原始的for循环得到最大值
        function getMaxVal() {
            var returnVal = arr[0];
            for (i = 1; i < arr.length; i++) {
                if (arr[i] > returnVal) {
                    returnVal = arr[i];
                }
            }
            alert("数组："+arr+"中的最大值是："+returnVal);
        }

        //2、使用for-in循环得到最大值
        function getMaxValByForIn() {
            var returnVal = arr[0];
            //i表示的是数组的下标
            for (var i in arr) {
                if (arr[i] > returnVal) {
                    returnVal = arr[i];
                }
            }
            alert("数组：" + arr + "中的最大值是：" + returnVal);
        }

        //数组的合并、排序、使用join将数组中的元素组合成字符串
        function getStringByJoin() {
            var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
            var arr2 = new Array("James", "CoBe", "Lucy");

            //alert("合并后的数组为：" + arr1.concat(arr2));
            //alert("合并并且排序后的数组为：" + arr1.concat(arr2).sort());

            alert("使用join添加后的字符串：" + arr1.join("|"));
            //alert("原先的数组："+arr1+"\n使用reverse反转后的数组："+arr1.reverse());
        }

        //不使用join，自己写同样实现join的功能
        function getStringByMySelf() {
            var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
            var returnVal="";
            for (var i = 0; i < arr1.length - 1; i++) {
                returnVal += arr1[i] + "|";
            }
            returnVal += arr1[arr1.length-1];
            alert("不使用join实现join功能的字符串："+returnVal);
        }

        //不使用reverse()实现数组元素的反转功能
        function getReverseByMySelf() {
            //var arr1 = new Array("Lily", "Bob", "Smith", "Thom");
            var arr1 = new Array();
            arr1[0] = "Lily";
            arr1[1] = "Bob";
            arr1[2] = "Smith";
            arr1[3] = "Thom";
            //alert(arr1);
            var arr2 = arr1.slice(0, arr1.length); //数组的拷贝,不改变原始数组
            //var arr2 = arr1;//此种赋值，会改变原始的数组值
            for (var i = 0; i < arr2.length / 2; i++) {
                var temp = arr2[i];
                arr2[i] = arr2[arr2.length-1 - i];//注意，这里需要在长度的基础上先减1，因为数组下标从0开始
                arr2[arr2.length-1 - i] = temp;
            }
            alert("原始数组："+arr1+"\n反转后的数组："+arr2);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h2>JS数组相关基础操作练习</h2>
    <hr />
        <input type="button" value="1、求数组中的最大数" οnclick="getMaxValByForIn();"/>
        <br />
        <br />
        
        <input type="button" value="2、使用join将数组中的元素组合成字符串" οnclick="getStringByJoin();"/>
        <br />
        <br />
        
        <input type="button" value="3、不使用join自己写的将数组元素组合成字符串" οnclick="getStringByMySelf();"/>
        <br />
        <br />
        
        <input type="button" value="4、不使用reverse自己写的将数组元素进行反转的功能" οnclick="getReverseByMySelf();"/>
    </div>
    </form>
</body>
</html>

xgliuyi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS针对数组的基础操作

JS数组测试 //第一种定义数组的方法 /* var arr = new Array(); arr[0] = 12; arr[1] = 2; arr[2] = 20; arr[3] = 234; arr[4] = 30; ar
复制链接

扫一扫

专栏目录