tracking.js 对象追踪问题

Question

1.自己代用的摄像头API接口，配置trakcing.js实现人脸识别，生成相应的对象，里面包括宽，高x,y的数值，动态创建盒子，把相应的数据显示到页面上。

2.
//遍历检测到的对象
event.data.forEach(function(rect) {

            var obj = rect;
            console.log(obj);
            if(rect !== obj){
                console.log(1)
            }
            else{
                console.log(2)
                var box = document.createElement("div");
                window.plot(rect.x, rect.y, rect.width, rect.height);
                box.classList.add("box");
                box.innerHTML ="我检测的是x轴的坐标"+ rect.x;
                document.querySelector('.demo-container').appendChild(box)
            }

        });

    });

    window.plot = function(x, y, w, h) {

// 动态创建标签

        var rect = document.createElement('div');

// 添加到指定位置标签

        document.querySelector('.demo-container').appendChild(rect);

// 添加样式

        rect.classList.add('rect');
        rect.style.width = w + 'px';
        rect.style.height = h + 'px';
        rect.style.left = (video.offsetLeft + x) + 'px';
        rect.style.top = (video.offsetTop + y) + 'px';
    };
};

3.

4.现在只需要第一检测人脸生成的对象，以后的不需要循环，应该怎么处理？