JavaScript API

qq.maps.MVCArray 类

一个可变的MVC数组。

构造函数

构造函数
MVCArray(array?:Array)

方法

方法	返回值	说明
forEach(callback:Function)	none	循环访问每个元素，调用所提供的回调。回调会被每个元素调用。如：callback(element, index)
getAt(index:Number)	*	获取指定索引处的元素。
setAt(index:Number, element:*)	none	设置指定索引处的元素。
getLength()	Number	传回此数组中的元素数。
pop()	*	删除数组的最后一个元素并传回该元素。
setAt(element:*)	Number	将一个元素添加到数组末尾并传回数组的新长度。
insertAt(index:Number, element:*)	none	在指定索引处插入元素。
removeAt()	*	从指定索引处删除元素。
push(element:*)	Number	向数组的末尾添加一个元素，并返回新的长度

事件

事件名	参数	说明
insert_at	element:*,index:Number	当数组加入新的元素时会触发此事件。
remove_at	element:*,index:Number	当从数组中删除某个元素时触发此事件。

实例

本示例中，介绍如何创建并使用MVCArray

<!DOCTYPE html>
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>腾讯地图-简单地图示例</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
    <style type="text/css">
        html,
        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }
    </style>
</head>
 
<body>
    <div id="container">
        <div>
            <input type="button" value="push" onclick="push()" />
            <input type="button" value="pop" onclick="pop()" />
        </div>
        <div>
            <span>数组长度：</span><span id="arrLength">0</span>
        </div>
        <div id="arrLog"></div>
    </div>
    <script type="text/javascript">
        function push() {
            mvcArray.push("item");
        }
 
        function pop() {
            mvcArray.pop();
        }
 
        function update() {
            document.getElementById("arrLength").innerHTML = mvcArray.getLength();
        }
 
        var mvcArray = new qq.maps.MVCArray();
        qq.maps.event.addListener(mvcArray, "insert_at", update);
        qq.maps.event.addListener(mvcArray, "remove_at", update);
    </script>
</body>
 
</html>

在线试一试

这篇文章对您解决问题是否有帮助？

已解决

未解决