Class:MVC/MVCArray - 腾讯地图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

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);

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

新窗口打开在线试一试