JS数组操作常用方法

时间：2022-09-20 19:07:47

toString()：把数组转换成一个字符串

toLocaleString()：把数组转换成一个字符串

join()：把数组转换成一个用符号连接的字符串

shift()：将数组头部的一个元素移出

unshift()：在数组的头部插入一个元素

pop()：从数组尾部删除一个元素

push()：把一个元素添加到数组的尾部

concat()：给数组添加元素

slice()：返回数组的部分

reverse()：将数组反向排序

sort()：对数组进行排序操作

splice()：插入、删除或者替换一个数组元素

JS的数组创建(多维)

<!DOCTYPE html>

<html>

<head>

    <title>JS的数组创建(多维)</title>

    <meta charset="utf-8" />

    <script type="text/javascript">

        // 主目录

        var ary = {'blog':'博客', 'user':'用户', 'news':'资讯'};

        // 子目录

        var aryList = {

            'blog' : [{'name':'列表','url':'blog.html'}, {'name':'添加','url':'add_blog.html'}, {'name':'编辑','url':'edit_blog.html'}],

            'user' : [{'name':'列表','url':'user.html'}, {'name':'添加','url':'add_user.html'}, {'name':'删除','url':'delete_user.html'}],

            'news' : [{'name':'列表','url':'news.html'}, {'name':'添加','url':'add_news.html'}, {'name':'编辑','url':'edit_news.html'}]

        };

        function getSubList(char){

            var htmlList = '';

            for(var key in ary){

                if(key == char){

                    htmlList = _createListHtml(aryList[key], ary[key]);

                    break;

                }

            }

            return htmlList;

        }

        function _createListHtml(ary, name){

            var html = '<ul>\n';

            for(var k in ary){

                html += '<li><a href="'+ ary[k]['url'] +'">'+ name + ary[k]['name'] +'</a></li>\n';

            }

            html += '</ul>\n';

            return html;

        }

    </script>

</head>

<body style="font:14px/25px Microsoft YaHei">

<script>document.write(getSubList('user'));</script>

</body>

</html>

相关文章