zoukankan      html  css  js  c++  java
  • js对数组的操作

    • toString():把数组转换成一个字符串
    • toLocaleString():把数组转换成一个字符串
    • join():把数组转换成一个用符号连接的字符串
    • shift():将数组头部的一个元素移出
    • unshift():在数组的头部插入一个元素
    • pop():从数组尾部删除一个元素
    • push():把一个元素添加到数组的尾部
    • concat():给数组添加元素
    • slice():返回数组的部分
    • reverse():将数组反向排序
    • sort():对数组进行排序操作
    • splice():插入、删除或者替换一个数组元素
    <!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>
    ';
                for(var k in ary){
                    html += '<li><a href="'+ ary[k]['url'] +'">'+ name + ary[k]['name'] +'</a></li>
    ';
                }
                html += '</ul>
    ';
                return html;
            }
        </script>
    </head>
     <body style="font:14px/25px Microsoft YaHei">
                     <script>document.write(getSubList('user'));</script>
     </body>
    </html>

    效果图如下:

  • 相关阅读:
    Elasticsearch--ES-Head--docker版安装
    springboot配置rabbitmq
    springboot开启多线程配置
    Hyper-v安装centos后的网络配置
    阿里云服务器centos7,docker部署mysql+Redis+vue+springboot+Nginx+fastdfs,亲测可用
    安装docker-compose
    装饰器
    数据类型操作中的坑 循环删除
    python数据类型:字典dict常用操作
    函数def
  • 原文地址:https://www.cnblogs.com/zlxbk/p/7120800.html
Copyright © 2011-2022 走看看